html网站手机最小字体大小,html – 手机最佳实践字体大小

您的问题中的字体大小是每个标题应该相互比较的比例，而不是它们应该是自己的大小(以像素为单位)的示例。

所以为了回答你的问题“手机有这些”最好的做法“ – 说iphone屏幕尺寸？”是的，可能是 – 但你可能会发现有人说“最佳实践”不适合你的布局。

然而，为了帮助您达到正确的轨道，this article about building responsive layouts提供了一个很好的例子，说明如何计算基本字体大小(以像素为单位)与设备屏幕大小有关。

该文章建议的屏幕分辨率的建议字体大小如下：

@media (min-width: 858px) {

html {

font-size: 12px;

}

}

@media (min-width: 780px) {

html {

font-size: 11px;

}

}

@media (min-width: 702px) {

html {

font-size: 10px;

}

}

@media (min-width: 724px) {

html {

font-size: 9px;

}

}

@media (max-width: 623px) {

html {

font-size: 8px;

}

}