Question

我正在尝试在我的移动网站上向用户显示一条简单的消息。我想在屏幕大小相近的移动设备上消息大小大致相同，例如iPhone和三星Galaxy（android）。

我在这个问题上阅读了很多帖子，很多人建议使用-webkit-text-size-adjust: 100%来实现这个目标。但我不明白如何使用它......

网页：

<!DOCTYPE HTML>
<html>
<head>
    <style type="text/css">
        html { -webkit-text-size-adjust:100%; }
    </style>
</head>
<body>
    <div style="text-align:center;font-size:6em;-webkit-text-size-adjust:100%;">
        Hello World!
    </div>
</body>
</html>

结果：

Result

Answer 1

您是否测试了视口元素？

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, height=device-height"/>

了解iphone和android中的HTML字体大小差异

1 个答案: