1

モバイル Web サイトでユーザーに簡単なメッセージを表示しようとしています。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>

結果：

結果

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 に答える