了解iPhone和Android中HTML字體大小的差異

Question

我正在嘗試向我的移動網站中的用戶顯示一條簡單的消息。 我希望消息大小在具有類似屏幕大小的移動設備上大致相同，例如iPhone和Samsung 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>

結果：

Answer 1

您是否測試了視口元？

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

了解iPhone和Android中HTML字體大小的差異

問題描述

1 個解決方案

解決方案1
2 已采納 2013-01-18 15:51:13

了解iPhone和Android中HTML字體大小的差異

問題描述

1 個解決方案

解決方案1 2 已采納 2013-01-18 15:51:13

解決方案1
2 已采納 2013-01-18 15:51:13