1

画面が小さい場合、Web ページに表示される行あたりのテキストを少なくしたい。これにより、テキストが小さすぎて読めなくなります。私はそれを次のように扱います：

<meta name="viewport" content="width=device-width"> // in head

#mydiv{width:100%, max-width:1000px;font-size:15px} // style

<div id = "mydiv">
  long text here
</div>

画面サイズを増減すると、これはモニター画面で正常に機能します。iPhoneのポートレートモードでも問題なく動作します。ただし、横向きモードに切り替えても幅は拡大されません。1行あたりのテキストの量は同じですが、はるかに大きくなります。テキストサイズが同じままで、より多くのテキストが表示されることを期待していました。iPhoneでしか試していません。

それを行う方法はありますか？（私自身はスマホを持っていませんが、これは正常な動作ですよね？）

編集：これらの両方を追加しようとしました

-webkit-text-size-adjust: 100%; 
-webkit-text-size-adjust: none;

同じ問題。

4

3 に答える 3

0

典型的なモバイル最適化サイトには、次のようなものが含まれています。

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

詳細を見る

于 2013-07-19T05:40:42.737 に答える
0

私はこの答えを見つけました、そしてそれはうまくいきます。すべてが必要かどうかはわかりません。

<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1.0">


html{ -webkit-text-size-adjust: none;} //style

それはまだズームを可能にします。あなたも追加する場合

maximum-scale=1.0

その場合、ズームは許可されません。

于 2013-07-19T05:38:37.410 に答える