TA的每日心情 | 开心 2019-6-23 00:02 |
---|
签到天数: 18 天 [LV.4]偶尔看看III
|
发表于 2019-6-14 15:14:42
|
显示全部楼层
直接这样写不行,想要让您的词典在不同平台都显示的很好,需要针对不同平台写特定的CSS,但是仅仅用CSS是不行的,要配合 JavaScript。一般做法是这样的:. I1 j- k1 y. N* ]$ R) G8 d5 r, m
比如你的一个词条HTML是这样的:
* g* i% P5 U( p* w7 R/ _4 y6 H! r# Y; b# k' n8 K5 b
<p id="entry">
7 @7 k" M% w" V' T4 r <span class="headword">apple</span>0 q, [2 s8 \3 j/ y
<p class="meaning">a round fruit</p>% ~6 {: p. ^7 A7 C/ H
</p>+ P# O" ~9 q: A, r: f* a
在 JavaScript里根据 useragent 判断当前是什么平台,然后用 JavaScript 给 <p id="entry"> 加上一个特定的 class, 比如是 Windows 平台,可能最后结果是 <p id="entry" class="windows">。然后在 CSS 里面就可以用类似您示例中的CSS来针对Windows平台写一些特定的样式了:
: x' k/ ?/ B1 i' ]
( J2 X' Q/ e: i$ {p#entry.windows {
. h7 D& }7 T4 n' m) `4 f; M....
) E" ~9 {% t$ N) ], W}2 \/ B. c* E: }0 K, s
, Q( f. a/ z& G0 F- T我有点印象F大大的词典好像就是这么做的,您可以参考看看。4 |7 }% L& |0 i1 O, q6 e
|
|