移动端PSD文字大小和WAP字体大小对照

原创于 2019-05-31 15:06:39 发布 · 687 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

码农时间专栏收录该内容

12 篇文章

订阅专栏

博客围绕媒体查询规则展开，但具体内容未详细给出。媒体查询规则在前端开发中用于根据不同设备屏幕尺寸等条件应用不同样式，是实现响应式设计的重要手段。

PSD	WAP	WEB预览(375px)	一排汉字数量
26px	.16rem	12px	37
29px	.18rem	12px	33
32px	.20rem	12px	30
35px	.22rem	13.2px	27
38px	.24rem	14.4px	25
42px	.26rem	15.6px	23
46px	.28rem	16.8px	21
48px	.30rem	18px	20

基于以下媒体查询规则

@media (min-width:700px){
	html { font-size:80px; }
} 
@media (max-width:700px){
	html { font-size:70px; }
}
@media (max-width:500px){
	html { font-size:60px; }
} 
@media (max-width:350px){
	html { font-size:50px; }
}