手机页面的字体大小很好的自适应

Question

请问大家，手机页面的字体大小如何自适应，图片和背景自适应大小我搞定了，但是字体大小无论我是设为em还是%，始终无法和参照物大小相符

例如现在：我字体大小属性设为font-size:87.5%;font-weight:bold;color:#eee;

Answer 1

这个要配合媒体查询，media@only screen and(max-width:xxxpx){font-size:xxpx（或xx%）}，这样在不同分辨率宽度，会调整为不同大小的字体，媒体查询的次数，可以根据需要来写，比如，苹果6s，440px，苹果6是375px；5和4是320px，安卓很多是360px宽度