|
发表于 2015-11-17 09:44:53
|
显示全部楼层
楼主的mdd内有css, 排版可依个人需求做调整, 底下是个人小小的修改心得, 仅供参考:' w' y3 [2 y# j; N5 @, Y
p( `: f0 E0 V( b( h
1. 因为<sup>标记是共用的, 在不更动mdx源码情况下,# b- ?0 j8 K* N* o, X5 F) \
若把分子数字改为一般数字, 则其他上标也会变成不是上标..这会有问题!/ u% ~, H5 E) v% Q9 q0 {* A
% y8 Q) ^% r& U7 o
所以, 如果真要让分子不那么像上标, css可添加两行(效果参考附图); ^% c! G; ~; Q0 ]4 p0 [
.ihl sup{font-size:0.7em;}
! l' v3 h5 i7 B! H/ g2 L! n8 W& _.ihl sup + .ah7{font-size:0.7em;}
2 T$ w/ i3 P% \当然也会将其他的上标字体改小一些..
# M) l* q; K. F+ o1 u" j2 k1 N* s
. ^" @$ i* B1 W+ V# R如果mdx分数的<sup>标记可以更名, 那就可以改更多了..6 a' B9 d# d& y; B1 r
例如: 再加上vertical-align:20%; ; B. N0 _" O. w; S
& {: Z6 E8 D& c, d) h; V$ S
2. 图片如果不设置具体大小参数, 某些词条的大图就会覆盖整个屏幕.
, u- Q6 n* f9 q R" Z- z3 I' e* K例如: mountain、mast0 x p4 N% k, K6 K# T C" t
.q3j{float:right;max-width:260px;max-height:380px;margin:0 1ex 1ex 1ex;clear:right}- E; o7 d4 M `2 L
改为如下, 就是不设置, 大图就会覆盖整个屏幕. u4 t0 V3 z) ^6 J7 R0 b% Z
/*.q3j{float:right;max-width:260px;max-height:380px;margin:0 1ex 1ex 1ex;clear:right} *// Q6 g2 \4 N7 ?. F5 p
' R+ z4 q. [0 }& y
我个人的改法是手机与PC分别设置css, 手机不改, PC则改为:4 A8 K; D% J2 P0 \) k( v
.q3j{float:right;max-width:60%;max-height:60%;margin:0 1ex 1ex 1ex;clear:right}) A4 _0 ^2 u8 Y; [
|
本帖子中包含更多资源
您需要 登录 才可以下载或查看,没有账号?免费注册
x
|