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

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

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


首先:

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

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

【热门文章】
【热门文章】