|
发表于 2015-11-17 09:44:53
|
显示全部楼层
楼主的mdd内有css, 排版可依个人需求做调整, 底下是个人小小的修改心得, 仅供参考:
: e3 t! p" @8 \" P
& g' P0 R8 o. R. |8 c* ~1. 因为<sup>标记是共用的, 在不更动mdx源码情况下,
# R7 I" y$ ~5 k @( x9 c |若把分子数字改为一般数字, 则其他上标也会变成不是上标..这会有问题!
* O+ |% _( m4 r$ B- L( F! a/ f% h
所以, 如果真要让分子不那么像上标, css可添加两行(效果参考附图)1 }& `& I. u# K
.ihl sup{font-size:0.7em;}4 k1 M" r9 j4 L" o/ u8 O
.ihl sup + .ah7{font-size:0.7em;}
: F% u6 o' V6 T% b& X) q当然也会将其他的上标字体改小一些..
; p0 _ } A5 p i, J
; H( Y) O/ G: n+ H% W/ O) [& B如果mdx分数的<sup>标记可以更名, 那就可以改更多了..
0 p2 ~2 @1 {% E) p例如: 再加上vertical-align:20%; 3 s6 T+ T7 k H/ z
/ K9 q" c$ }3 j8 B% H- @9 E( Q& J
2. 图片如果不设置具体大小参数, 某些词条的大图就会覆盖整个屏幕.
2 K! k: p% h6 o# z) J1 G( I例如: mountain、mast
& ?! x1 c0 P F: }4 t& P.q3j{float:right;max-width:260px;max-height:380px;margin:0 1ex 1ex 1ex;clear:right}0 ] W ?$ X6 X6 u" W( g
改为如下, 就是不设置, 大图就会覆盖整个屏幕.
% {8 U0 S3 U* T$ |" |( Y1 S/*.q3j{float:right;max-width:260px;max-height:380px;margin:0 1ex 1ex 1ex;clear:right} */) [1 Q- \7 I6 X k: |! r: u0 n
) f* @/ p5 F3 z+ t/ O我个人的改法是手机与PC分别设置css, 手机不改, PC则改为:
6 S/ q# V" \7 T5 \& @.q3j{float:right;max-width:60%;max-height:60%;margin:0 1ex 1ex 1ex;clear:right}: c" D5 s2 h+ @' Q( j1 s$ K, l
|
本帖子中包含更多资源
您需要 登录 才可以下载或查看,没有账号?免费注册
x
|