html手机页面的字体怎么设置随屏幕的大小变化页变化？

Question

设em吗？设了不管用啊
html手机页面的字体怎么设置随屏幕的大小变化而变化？就是响应式字体，css怎么写？

Answer 1

手机响应式布局，是获取屏幕尺寸，在某个区间用一种css，另个区间用另一种css。需要用@media写多份css的。无法做到真正的随屏幕变化而变化。

而<meta name="viewport" content="width=device-width" />的用法是随着屏幕的大小，自动把页面自适应到屏幕的大小。这个是管用的。

em是字体的宽度，也就是一个字体宽12px，那么em=12px；字体为15px，em=15px；一般用来动态控制字体外的区块大小去适应字体，而不是用来设置字体的大小的。例如：

<p style="width: 12em;">
    <!-- / 无论这里设置的字体多大，宽度只会容纳12个字 / -->
</p>

如果<meta name="viewport" content="width=device-width" />没效果，建议你用图片贴出来，看看你想要的具体效果是什么。

Answer 2

这种情况一般是通过设置viewport来解决的：

<meta name="viewport" content="width=device-width,target-densitydpi=high-dpi, user-scalable=no"/>

追问

没起作用啊

Answer 3

放置一个label和一个timer
如图所示，我这个是根据窗体高度决定字体的，你可以通过计算根据高度和宽度综合来看，然后窗体全屏后，屏幕大小也就影响字体大小了。
望采纳。。。。。

Answer 4

第一：浏览设置里面！字体大小
第二：浏览网页的最下面选择3G版
还是普通版（普通版字体就是大）

Answer 5

用em为单位