什么是适合移动网站的字体大小调整方法?



这仍然是移动设备的最佳解决方案吗?特别是旧手机?

body { font-size: 62.5%;  /* 16px × 62.5% = 10px */ }
h1 { font-size: 2em; /* 10px × 2em = 20px */ }
p { font-size: 1.2em; /* 10px × 1.2em = 12px */ }

我个人使用

字体大小:大

字体大小:中等

字体大小:小

并假设设备将根据屏幕调整大小。

我可以问为什么你试图得到css验证?

好问题:),我自己也想知道,但还没有找到一篇好的文章或教程。

根据你的情况选择"最好"的东西时要考虑的一些事情:

  • em是一个友好的单位,因为它与基本字体大小的比例,用户可以选择
  • 与dpi无关的分辨率,如毫米或厘米,可以给你一些控制,使内容"可读"
  • 注意,并非所有的移动浏览器都支持所有的单元类型(特别是因为你提到要支持旧的手机)

最新更新