|
|
发表于 2015-11-17 09:44:53
|
显示全部楼层
楼主的mdd内有css, 排版可依个人需求做调整, 底下是个人小小的修改心得, 仅供参考:
4 b1 S0 q+ `. P5 m h6 z
4 H( Z5 f3 Y+ \; e1. 因为<sup>标记是共用的, 在不更动mdx源码情况下,
- L' c5 k5 T* }8 m$ g4 a若把分子数字改为一般数字, 则其他上标也会变成不是上标..这会有问题!+ w" ~9 @( I5 y1 x$ E
5 R% Y8 x2 W) n8 J
所以, 如果真要让分子不那么像上标, css可添加两行(效果参考附图)
8 X" T4 B2 ]& _. w! A2 {2 g3 _# ~.ihl sup{font-size:0.7em;}' X( W) d" K {) s; A3 [ w
.ihl sup + .ah7{font-size:0.7em;}0 [1 r4 _' m0 V; x
当然也会将其他的上标字体改小一些..
% f) m7 u8 q& Z0 E, q7 {: k) O) Q/ t/ y, N: r+ I
如果mdx分数的<sup>标记可以更名, 那就可以改更多了..
" _' x: u- s4 I例如: 再加上vertical-align:20%;
5 J1 ~) V) k8 u) Z* L+ W- G: A/ P& E4 E, R
2. 图片如果不设置具体大小参数, 某些词条的大图就会覆盖整个屏幕. / s6 Y0 B9 r& V/ X8 L# c2 y0 t
例如: mountain、mast) R# D+ c! M8 |: }: _
.q3j{float:right;max-width:260px;max-height:380px;margin:0 1ex 1ex 1ex;clear:right}5 p# s: N( f- T- t B
改为如下, 就是不设置, 大图就会覆盖整个屏幕.
! O) O- K1 c/ l" |+ Q' |: [/*.q3j{float:right;max-width:260px;max-height:380px;margin:0 1ex 1ex 1ex;clear:right} */
8 H6 U. e2 [3 {9 |/ F; R; N* N- ]% Q& S0 N; W
我个人的改法是手机与PC分别设置css, 手机不改, PC则改为:/ ^; v9 B' s7 [) q
.q3j{float:right;max-width:60%;max-height:60%;margin:0 1ex 1ex 1ex;clear:right}% g1 F& g' t; O9 r. C7 z
|
本帖子中包含更多资源
您需要 登录 才可以下载或查看,没有账号?免费注册
x
|