|
发表于 2015-11-17 09:44:53
|
显示全部楼层
楼主的mdd内有css, 排版可依个人需求做调整, 底下是个人小小的修改心得, 仅供参考:
) z8 [, D- x* ?: b. ~7 k! z+ u7 ?) F+ g+ Z0 R5 b1 ?* O
1. 因为<sup>标记是共用的, 在不更动mdx源码情况下,
: M. E# a1 Z4 ^ x" ^7 P1 D/ g! @# A若把分子数字改为一般数字, 则其他上标也会变成不是上标..这会有问题!
) C) {% `5 o4 Q# k+ M6 _7 s) h0 g" V
所以, 如果真要让分子不那么像上标, css可添加两行(效果参考附图)
1 q0 N; ?& V9 P7 `7 v' R.ihl sup{font-size:0.7em;}
+ N, y, }* s( H) i.ihl sup + .ah7{font-size:0.7em;}
% u E+ s4 ~3 v5 F' J( K当然也会将其他的上标字体改小一些..2 T- o! b+ x: m+ n. [2 e5 \; ~
. ]# P- D% o" ]+ `6 ?. T; M1 ^如果mdx分数的<sup>标记可以更名, 那就可以改更多了..
1 A4 J/ y# D* H, m- z. ]例如: 再加上vertical-align:20%; + \1 r' O9 @4 u$ ~% h; T6 t# A
( V1 Z( f2 z* o5 v1 N; H/ s2. 图片如果不设置具体大小参数, 某些词条的大图就会覆盖整个屏幕. ) v/ M4 R4 M z! E5 Q$ o
例如: mountain、mast2 B( c/ Q( e7 l$ w* O
.q3j{float:right;max-width:260px;max-height:380px;margin:0 1ex 1ex 1ex;clear:right}
" P# _$ i2 r6 M% x' l) l改为如下, 就是不设置, 大图就会覆盖整个屏幕./ R6 T1 ^; i! s% t( p) R
/*.q3j{float:right;max-width:260px;max-height:380px;margin:0 1ex 1ex 1ex;clear:right} */9 @* n2 E) j# w3 F" D, H
7 E& e" K: Q: O8 W3 Q4 ^3 t我个人的改法是手机与PC分别设置css, 手机不改, PC则改为:5 H+ W- [) u# L' r* h
.q3j{float:right;max-width:60%;max-height:60%;margin:0 1ex 1ex 1ex;clear:right}$ u& {7 @# R% _- l6 r: I* g V8 P: X- D
|
本帖子中包含更多资源
您需要 登录 才可以下载或查看,没有账号?免费注册
x
|