教程:css设置手机和PC网页的字体自适应
作者: 嗨心最紧要
浏览: 1359
好评: 0点赞
收藏: 0收藏
站外分享:
教程概述:

手机下的字体实际要比电脑的大一点。因为在外面的时候,一般盯着比较远, 所以要根据不同的屏幕调整。


而电脑是固定的2个大小就可以了。

当页面>768 和 540时启动固定的大小。


 body {
   position: absolute;
   height: 100%;
   width: 100%;
   overflow: hidden;
   font-size: calc(0.5em + 1.2vw);
}
@media (min-width: 540px){
   body {
       font-size: 1.25em;
   }
}
@media (min-width: 768px){
   body {
       font-size: 1.2em;
   }
}