|
发表于 2015-11-17 09:44:53
|
显示全部楼层
楼主的mdd内有css, 排版可依个人需求做调整, 底下是个人小小的修改心得, 仅供参考:" n$ S7 s4 p& a0 u) x, } r
9 V8 L9 j& }# `5 a; g( W; r* b1. 因为<sup>标记是共用的, 在不更动mdx源码情况下, L, i8 g- R+ t! u
若把分子数字改为一般数字, 则其他上标也会变成不是上标..这会有问题!
+ B- M- O; ^3 a# j# `* S# B# W% M7 x0 W, Y
所以, 如果真要让分子不那么像上标, css可添加两行(效果参考附图)
7 c1 ^* b' @9 D2 H- |.ihl sup{font-size:0.7em;}
0 ?3 K5 }% U, _.ihl sup + .ah7{font-size:0.7em;}! [1 [5 d" c/ `# S G4 ]# A8 g
当然也会将其他的上标字体改小一些..
a- @! w7 O; o% I, ^! E% b! {* w( B1 ^8 g5 y
如果mdx分数的<sup>标记可以更名, 那就可以改更多了..( i9 H% O' f* B6 i- q# y! f
例如: 再加上vertical-align:20%; / g" b& Z' J; w$ i* P, |$ o
8 Z4 R. K) D# r! ~. F5 J9 _/ Q
2. 图片如果不设置具体大小参数, 某些词条的大图就会覆盖整个屏幕. % A* ]; T0 A; j1 m* ` ~
例如: mountain、mast3 `! D6 a0 s( ~
.q3j{float:right;max-width:260px;max-height:380px;margin:0 1ex 1ex 1ex;clear:right}
; H4 I) c- u, X) u G改为如下, 就是不设置, 大图就会覆盖整个屏幕.
1 t. w6 w3 a5 j; d5 p6 _/*.q3j{float:right;max-width:260px;max-height:380px;margin:0 1ex 1ex 1ex;clear:right} */
- G. C, P# Z! E) f Y
7 y% }; p- E. ]0 q我个人的改法是手机与PC分别设置css, 手机不改, PC则改为:
" r3 C' A o& |- V! ~- V1 V) L8 [.q3j{float:right;max-width:60%;max-height:60%;margin:0 1ex 1ex 1ex;clear:right}
% I1 e0 u& Q7 d$ x& ^+ x% K* O8 S |
本帖子中包含更多资源
您需要 登录 才可以下载或查看,没有账号?免费注册
x
|