移动网站的良好字体大小方法是什么?

发布于 2024-11-03 17:49:38 字数 209 浏览 0 评论 0原文

这仍然是移动设备的最佳解决方案吗?专门针对旧手机?

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 */ }

Is this still a best solution for mobile? specially for older mobiles?

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 */ }

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

单身狗的梦 2024-11-10 17:49:38

我个人使用

font-size:large

font-size:medium

font-size:small

并假设设备会根据屏幕调整大小。通常工作正常。

请问你为什么要尝试让 css 验证?

I personally use

font-size: large

font-size: medium

font-size: small

and assume device will adjust the size according to it's screen. Usually works fine.

May I ask why are you trying to get css validated?

南七夏 2024-11-10 17:49:38

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

在选择最适合您的情况时需要考虑的一些事项:

  • em 是一个友好的单位,因为它会根据基本字体大小进行缩放 用户可以选择与
  • dpi 无关的分辨率,例如 mm 或 cm 可以为您提供一些控制,使内容“可读”
  • 请注意,并非所有移动浏览器都可能支持所有单位类型(特别是因为您提到想要支持旧手机)

Good question :), wondered the same myself but not found a good article or tutorial yet.

Some things to consider when choosing what's "best" for your situation:

  • em is a friendly unit as it scales with the base font size a user may choose
  • dpi-independent resolutions like mm or cm can give you some control to make things "readable"
  • beware that not all mobile browsers may support all unit types (specially since you mentioned wanting to support older mobiles)
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文