针对web app,如何让字体大小根据屏幕尺寸自适应?

Question

例如在iphone上字体显示为14px, 在ipad上16px.
现在用的是em表示, 但感觉是没有变化的.
是需要在head里用@media来定义吗,或者还有什么别的方法?

Answer 1

首先：

<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

上边的这段很重要（我实在不知道怎么让这段代码显示出来，开发者工具看网页源代码吧）
其次：em是相对长度单位，看看是不是相对了某个父类
最后：媒体选择器也不是不能用，有时候也挺好用的，直接在css中写就好。