|
发表于 2015-11-17 09:44:53
|
显示全部楼层
楼主的mdd内有css, 排版可依个人需求做调整, 底下是个人小小的修改心得, 仅供参考:
$ \5 w7 V8 T- ^; v( t( }& t% b, Z j+ A6 l" x! L8 p2 e
1. 因为<sup>标记是共用的, 在不更动mdx源码情况下,$ h) A8 {: r, V- E
若把分子数字改为一般数字, 则其他上标也会变成不是上标..这会有问题!
; R3 W v# M! v& T
u( s) F, ~5 B5 D; x所以, 如果真要让分子不那么像上标, css可添加两行(效果参考附图)
* [# G; ^, v5 b: q" A.ihl sup{font-size:0.7em;}: y7 Z% l* d* Q6 K% ^/ u
.ihl sup + .ah7{font-size:0.7em;}+ j; x1 C9 H8 f( ]: f7 b
当然也会将其他的上标字体改小一些..
# _1 ^5 A4 k' v3 ?- X2 W. J6 v5 s, X; o/ P! ]: A
如果mdx分数的<sup>标记可以更名, 那就可以改更多了.. `: T% L# v; e# e" x, Y- X$ C3 @3 {
例如: 再加上vertical-align:20%; 6 Q$ ?+ v7 V% t% F6 q, |
2 e% k! m& y; X; F0 V2. 图片如果不设置具体大小参数, 某些词条的大图就会覆盖整个屏幕.
& x& N7 s F$ T& R. C8 v& N+ r例如: mountain、mast2 q! A% D/ Y. c$ X
.q3j{float:right;max-width:260px;max-height:380px;margin:0 1ex 1ex 1ex;clear:right}& F \. t! r$ z1 }6 {' n0 r
改为如下, 就是不设置, 大图就会覆盖整个屏幕.
8 Y, U0 }' a5 R/ G9 B4 D/*.q3j{float:right;max-width:260px;max-height:380px;margin:0 1ex 1ex 1ex;clear:right} */8 z6 p# h7 u0 E5 {3 u. s* q6 M
$ C1 s m5 q! M% I+ d1 p' A我个人的改法是手机与PC分别设置css, 手机不改, PC则改为:+ n6 f5 t j$ n
.q3j{float:right;max-width:60%;max-height:60%;margin:0 1ex 1ex 1ex;clear:right}+ w$ S+ E) L3 z3 S' L8 j) |3 ?5 X
|
本帖子中包含更多资源
您需要 登录 才可以下载或查看,没有账号?免费注册
x
|