Toggle navigation
登录
编辑方案 : 教程《
css设置手机和PC网页的字体自适应
》
简述方案：
因为电脑的字体不需要再随浏览器大小而缩放。 而手机可能不同的屏幕的字体微调，会带来更好的视觉体验。
0
/ 255
以下详细步骤：
添加一个步骤
步骤:
0
追加
移除
步骤:
1
追加
移除
<p>body {<br/> position: absolute;<br/> height: 100%;<br/> width: 100%;<br/> overflow: hidden;<br/> font-size: calc(0.5em + 1.2vw);<br/>}<br/>@media (min-width: 540px){<br/> body {<br/> font-size: 1.25em;<br/> }<br/>}<br/>@media (min-width: 768px){<br/> body {<br/> font-size: 1.2em;<br/> }<br/>}</p>
已上传图片
:
上传图片
或
插入本页图片
保存
删除整个方案
