|
发表于 2015-11-17 09:44:53
|
显示全部楼层
楼主的mdd内有css, 排版可依个人需求做调整, 底下是个人小小的修改心得, 仅供参考:1 f, A# r8 f0 Q" U4 c1 v8 |
0 u( a& u" S+ T5 Q2 ]' y8 `
1. 因为<sup>标记是共用的, 在不更动mdx源码情况下,
- G1 j0 q7 g& Q( n; X3 H若把分子数字改为一般数字, 则其他上标也会变成不是上标..这会有问题!
3 X3 _& n, H! C' H
) Q; g k% H7 {4 J" w" y所以, 如果真要让分子不那么像上标, css可添加两行(效果参考附图)# A2 V4 L; G9 r% T
.ihl sup{font-size:0.7em;}
+ S# w, h; ]1 U# I4 _, |& A. Q.ihl sup + .ah7{font-size:0.7em;}% v& Q# X( `' j3 N0 f9 ?
当然也会将其他的上标字体改小一些..
/ l+ ~4 F' r& v7 P+ q5 j/ Y! E1 F R. Y) o3 {" g% C1 T
如果mdx分数的<sup>标记可以更名, 那就可以改更多了..9 j) g9 H* B6 w; E$ u, N' B
例如: 再加上vertical-align:20%; ( O- L, d: o0 j ]$ c
0 H; i. o1 d; W1 Y) f) _4 o
2. 图片如果不设置具体大小参数, 某些词条的大图就会覆盖整个屏幕.
H1 S0 _6 R" T3 w: H例如: mountain、mast
0 i! M) X( L4 T, {% O.q3j{float:right;max-width:260px;max-height:380px;margin:0 1ex 1ex 1ex;clear:right}" m5 _) l* F8 \- B8 `/ J6 E5 `
改为如下, 就是不设置, 大图就会覆盖整个屏幕.1 Z" U/ z1 p( t& d+ `$ r2 @+ o
/*.q3j{float:right;max-width:260px;max-height:380px;margin:0 1ex 1ex 1ex;clear:right} */0 b0 k6 g5 p6 L0 ^; S
( i' b8 _$ V3 |
我个人的改法是手机与PC分别设置css, 手机不改, PC则改为:
% z9 s @) `' _5 ~! T.q3j{float:right;max-width:60%;max-height:60%;margin:0 1ex 1ex 1ex;clear:right}* \5 F& d! H3 r# A6 @" q3 l
|
本帖子中包含更多资源
您需要 登录 才可以下载或查看,没有账号?免费注册
x
|