1

私の場合、div width を作成しました500px

携帯電話でブラウジングすると自動的にズームアウトされます

魔法はどのように正確に行われますか、それはデバイス固有ですか?

4

3 に答える 3

4

HTML ページの head で次のようなことを試してみてください。

<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

詳細については、こちらを参照してください: http://davidbcalhoun.com/2010/viewport-metatag

于 2011-03-15T09:56:22.883 に答える
2

編集:以下の回答は、現在の通常の慣行を反映していません。現在、モバイルでのページのスケーリング方法を制御する、メタ ビューポートと呼ばれる十分に確立された標準があります。これがない場合、サイトは「モバイル フレンドリーではない」と見なされ、モバイル ブラウザはページを一般的なデスクトップの幅で表示し、ズームアウトして全幅を表示します。


ブラウザ固有です。

これは、ほとんどのモバイル ブラウザー (Android、Nokia S60、Opera Mini など) で構成可能なオプションです。ページが通常の 100% ズームで開くように、オフにすることを好みます (ズームが切れている場合は、スクロールするだけです)。

テキストが小さすぎて読めない場合でも、一度にページ幅全体を表示し、その後ダブルタップしてズームアップすることを好む人もいます。

通常、ブラウザーは最初にページの合計幅を計算します。この計算では、柔軟な幅の要素はすべて、そのすべての子に収まる最小幅と見なされます。これがブラウザー ウィンドウの幅以下の場合、スケーリングは行われませんが、それより大きい場合、ブラウザーはこれを仮想ページ幅として設定し、ユーザーがこのオプションをオンにしている場合は、すべてを縮小します (ズーム アウトのように)。ページの最小幅がブラウザ ウィンドウの幅を占めるようにします。

于 2010-08-11T23:02:24.673 に答える
0

ブラウザはやりたいことを何でもします。携帯電話は画面が小さいので、このブラウザはページをより見やすくするためにズームアウトしたのでしょう。

于 2010-08-11T22:32:59.580 に答える