|
|
发表于 2015-11-17 09:44:53
|
显示全部楼层
楼主的mdd内有css, 排版可依个人需求做调整, 底下是个人小小的修改心得, 仅供参考:
" F# y) q3 t+ I U( p* _
7 c$ ^; _3 [4 @1. 因为<sup>标记是共用的, 在不更动mdx源码情况下,
( _% a o5 Z( _& W, M' H! x/ P若把分子数字改为一般数字, 则其他上标也会变成不是上标..这会有问题!
& R( N! M" ~; n# p5 m; N# x" Q) ]5 h* M' @: {7 u
所以, 如果真要让分子不那么像上标, css可添加两行(效果参考附图)
# u e* ^; C2 W1 R; T.ihl sup{font-size:0.7em;}
/ u: p# A! E* w/ K.ihl sup + .ah7{font-size:0.7em;}
# O7 d( _. W+ D* T- W当然也会将其他的上标字体改小一些..+ l& k; c% K0 E+ K7 v' u
6 ]& D; |9 [4 d# u$ G* r) ^$ u
如果mdx分数的<sup>标记可以更名, 那就可以改更多了..
4 ^, A8 N0 X6 S5 ^, h8 g# o例如: 再加上vertical-align:20%;
# C! V) n# {4 }; S
8 I) H7 I2 l2 d- A, K- b2. 图片如果不设置具体大小参数, 某些词条的大图就会覆盖整个屏幕. 7 g8 r0 ^9 @8 Q+ ~; }
例如: mountain、mast/ l# a) M" ?1 B+ T
.q3j{float:right;max-width:260px;max-height:380px;margin:0 1ex 1ex 1ex;clear:right}0 p) W7 T; d, M8 R; U/ R
改为如下, 就是不设置, 大图就会覆盖整个屏幕.
- O5 E S0 J: j, V/ ? e) r1 Q/*.q3j{float:right;max-width:260px;max-height:380px;margin:0 1ex 1ex 1ex;clear:right} */
1 ]( ]7 `$ Z, _
6 X! m' }9 K- B/ c3 W$ B6 G. [+ I我个人的改法是手机与PC分别设置css, 手机不改, PC则改为:" ^+ f; k- u: \- r& M/ G
.q3j{float:right;max-width:60%;max-height:60%;margin:0 1ex 1ex 1ex;clear:right}/ H2 G; A1 L! @6 L7 U: { y
|
本帖子中包含更多资源
您需要 登录 才可以下载或查看,没有账号?免费注册
x
|