1

我正在尝试在我的移动网站中向用户展示一条简单的消息。我希望消息大小在具有相似屏幕大小的移动设备上大致相同，例如 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>

结果：

结果

4

1 回答 1

4

您是否测试了视口元数据？

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, height=device-height"/>
于 2013-01-18T15:51:13.610 回答