|
|
发表于 2015-11-17 09:44:53
|
显示全部楼层
楼主的mdd内有css, 排版可依个人需求做调整, 底下是个人小小的修改心得, 仅供参考: C' w0 {$ H! p5 P1 z4 \0 ?
2 C4 p3 Y" D' Z5 b7 M4 h( W- c/ f/ ?
1. 因为<sup>标记是共用的, 在不更动mdx源码情况下,
4 I6 r" b4 k% T) ^# L- Q m$ t若把分子数字改为一般数字, 则其他上标也会变成不是上标..这会有问题!- d/ B$ D! Q3 L% }: d4 v
4 P: Z% P! j5 d; T- g! Z0 N
所以, 如果真要让分子不那么像上标, css可添加两行(效果参考附图)% E. p! b* n/ ^0 ]/ k3 c" Z
.ihl sup{font-size:0.7em;}4 r- B1 K$ x; N0 a
.ihl sup + .ah7{font-size:0.7em;}
3 c1 E0 E7 V4 d( o. M7 j: ~7 g当然也会将其他的上标字体改小一些..& b; q4 S! ?: c$ `# U
! M+ |/ Z0 F7 ], A: y0 E如果mdx分数的<sup>标记可以更名, 那就可以改更多了..
; F+ q9 B3 m" O例如: 再加上vertical-align:20%;
$ Q6 C+ `& ?4 P4 B# W5 D
! M1 r: w% U. ?+ }# y7 _9 g6 U) F2. 图片如果不设置具体大小参数, 某些词条的大图就会覆盖整个屏幕. - d# P2 X5 @* v( J3 f$ l8 w Z0 W
例如: mountain、mast
$ b8 Z+ A: t5 Y; X7 x.q3j{float:right;max-width:260px;max-height:380px;margin:0 1ex 1ex 1ex;clear:right}
/ G7 j. U) h3 M+ G改为如下, 就是不设置, 大图就会覆盖整个屏幕.! X1 m! L$ `: O, w
/*.q3j{float:right;max-width:260px;max-height:380px;margin:0 1ex 1ex 1ex;clear:right} */2 O% ]2 R% c! t8 a
* Y6 ]2 }4 V) Z& {" o, y
我个人的改法是手机与PC分别设置css, 手机不改, PC则改为:
9 q' _7 A' X. A3 f.q3j{float:right;max-width:60%;max-height:60%;margin:0 1ex 1ex 1ex;clear:right}+ B+ X$ [' b6 a; {$ \% l
|
本帖子中包含更多资源
您需要 登录 才可以下载或查看,没有账号?免费注册
x
|