移动网页的最佳字体大小答案

【问题标题】：Optimal font size for a mobile webpage移动网页的最佳字体大小
【发布时间】：2015-10-12 00:59:24
【问题描述】：

我知道这个问题已被问过很多次，但我找不到解决方案。我正在为手机设计一个网页。我曾尝试使用px, pt, percentage, em, vw, medium，但这些都没有给我最佳解决方案。我正在使用 iPhone 5、Android 4.0.3、Android 4.4.3 和 Android 5.1.1 测试它

您对我的情况有什么解决方案吗？

【问题讨论】：

ux.stackexchange.com/questions/7820/font-size-for-mobile-sites
我也试过了。对不起，我忘了添加。
使用不同尺寸的媒体查询。通常 em 是最好的
我想我必须这样做。谢谢@RachelGallen

标签： css mobile webpage font-size

【解决方案1】：

我在响应式设计中使用了“vw”，这对我很有帮助。在安卓和 iPhone 上测试。是什么导致你的问题？或者你能提供更多关于最佳结果的信息吗？

【讨论】：

2vw 对我的身体来说没问题，即使它对于 Android 4.4.3 的 Htc Sensation 来说很大。没事。但是，在我的地址部分，2vw 在 Android 5.1.1 中太小了，但对于 Iphone 5 和 6 来说还可以。我什至无法理解相同的字体大小如何在同一页面中给我不同的大小，但在不同的asp文件。

【解决方案2】：

您的问题没有完美的答案。您需要根据自己的具体要求找到正确的解决方案。

无论你走哪条路，都不要使用像“px”这样的固定尺寸！我建议你去

font-size: medium;

作为一个开始。然后在您的模拟器中测试一些设备。您可能想在这里阅读：

https://www.feedthebot.com/mobile/legible-font-size.html

http://typecast.com/blog/a-more-modern-scale-for-web-typography

https://www.feedthebot.com/mobile/legible-font-size.html

【讨论】：