手机下的字体实际要比电脑的大一点。因为在外面的时候,一般盯着比较远, 所以要根据不同的屏幕调整。
而电脑是固定的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;
}
}