移动端web字体大小怎么考虑？只能用媒体查询么？

Question

在iphone4和6上无论用px还是em差距都太大，只能用媒体查询么？

Answer 1

@media 配合 rem
要适配iphone两者配合使用应该就没问题了
要适配到所有端可能就得借助js

css/*320px布局*/
html{font-size: 100px;}
body{font-size: 0.14rem /*实际相当于14px*/}
/* iphone 6 */
@media (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio : 2){
    html{font-size: 117.1875px;}
}
/* iphone6 plus */
@media (min-device-width : 414px) and (max-device-width : 736px) and (-webkit-min-device-pixel-ratio : 3){
    html{font-size: 129.375px;}
}

上面代码来自hugo博客

Answer 2

媒体查询的dpr是比较好的方案了吧……

如果是rem布局，可以试试用rem来定字号，不过感觉有点死板……

Answer 3

可以用js
$('.all').css('font-size',($('.all').width()/6.4)+'%');
我也不知道我哪里看到的