|
发表于 2015-11-17 09:44:53
|
显示全部楼层
楼主的mdd内有css, 排版可依个人需求做调整, 底下是个人小小的修改心得, 仅供参考:
/ q5 R& H4 B0 D: G+ ~. t1 k* E4 `& u1 d0 z7 P- H
1. 因为<sup>标记是共用的, 在不更动mdx源码情况下,
4 `& e- x! K, p: o* @1 y* z6 J# i若把分子数字改为一般数字, 则其他上标也会变成不是上标..这会有问题!
$ t' P" N; ?9 s; K5 G) R5 ?1 X4 M
所以, 如果真要让分子不那么像上标, css可添加两行(效果参考附图)
( ^& u, }- g5 u' r.ihl sup{font-size:0.7em;}- R k9 J: J4 y1 G. m3 o
.ihl sup + .ah7{font-size:0.7em;}
6 o4 q9 x9 C8 K+ S2 W当然也会将其他的上标字体改小一些..
9 B* h' F: a; S6 @& G$ m2 d7 F5 H9 F6 u Y
如果mdx分数的<sup>标记可以更名, 那就可以改更多了..- R5 u+ e0 e- S- ^' Q
例如: 再加上vertical-align:20%; 8 _, g: q5 E4 |: o
O/ M& w" H# C) o2. 图片如果不设置具体大小参数, 某些词条的大图就会覆盖整个屏幕. + d6 W! C3 n5 c+ p6 X% H, h0 l
例如: mountain、mast
6 ~9 L( K0 y4 a0 x: H* B+ i.q3j{float:right;max-width:260px;max-height:380px;margin:0 1ex 1ex 1ex;clear:right}; x3 L5 U! K. A- c2 `4 j% Y' L
改为如下, 就是不设置, 大图就会覆盖整个屏幕.' L( j+ V- K+ Q- p* ^# t" ~8 c
/*.q3j{float:right;max-width:260px;max-height:380px;margin:0 1ex 1ex 1ex;clear:right} */
$ {4 n, U1 h0 n* g+ U% u
4 ~$ l& I$ @3 w6 T7 a6 E1 n我个人的改法是手机与PC分别设置css, 手机不改, PC则改为:
+ Q7 h* g; u. x/ Q4 E* A$ j8 M+ I.q3j{float:right;max-width:60%;max-height:60%;margin:0 1ex 1ex 1ex;clear:right}5 D' @) {) J7 w
|
本帖子中包含更多资源
您需要 登录 才可以下载或查看,没有账号?免费注册
x
|