|
|
发表于 2015-11-17 09:44:53
|
显示全部楼层
楼主的mdd内有css, 排版可依个人需求做调整, 底下是个人小小的修改心得, 仅供参考:1 ~6 G8 L. g! V1 v1 O! f1 Q
4 }* M8 } m/ [1 |# g- O
1. 因为<sup>标记是共用的, 在不更动mdx源码情况下,5 _' M* M5 o2 |5 y2 W" @! A
若把分子数字改为一般数字, 则其他上标也会变成不是上标..这会有问题!" }3 k5 |, z# @! O& i4 t8 m' y1 E
/ P- T' b9 {0 ?' {" m所以, 如果真要让分子不那么像上标, css可添加两行(效果参考附图)
. G# Y" B# z6 Y.ihl sup{font-size:0.7em;}& P- h' Z. q/ f" b3 ~2 y6 M
.ihl sup + .ah7{font-size:0.7em;}! v: _/ m) b+ Z& B7 N
当然也会将其他的上标字体改小一些..% }6 I, @ I, Q
6 F# n! L, o& E6 Z
如果mdx分数的<sup>标记可以更名, 那就可以改更多了..( K- W( I8 U6 S
例如: 再加上vertical-align:20%; 7 A# Q7 Y2 q: y+ p# N
: O+ h$ Z- t; F& u+ g9 t3 c& K2. 图片如果不设置具体大小参数, 某些词条的大图就会覆盖整个屏幕. & k; D: S* Z7 ?& |6 u4 S
例如: mountain、mast- \+ g$ P7 z7 B+ Z
.q3j{float:right;max-width:260px;max-height:380px;margin:0 1ex 1ex 1ex;clear:right}
! L7 N, m/ K# v! J9 t改为如下, 就是不设置, 大图就会覆盖整个屏幕.! F" O% s- r: A
/*.q3j{float:right;max-width:260px;max-height:380px;margin:0 1ex 1ex 1ex;clear:right} */
& O* h( M) n: f1 m4 { l9 a( g# c) `
我个人的改法是手机与PC分别设置css, 手机不改, PC则改为:! x$ @( P' E" U5 E5 U" q; y* s
.q3j{float:right;max-width:60%;max-height:60%;margin:0 1ex 1ex 1ex;clear:right}
, z( p# c) u Z; d |
本帖子中包含更多资源
您需要 登录 才可以下载或查看,没有账号?免费注册
x
|