私の場合、div width を作成しました500px
。
携帯電話でブラウジングすると自動的にズームアウトされます
魔法はどのように正確に行われますか、それはデバイス固有ですか?
私の場合、div width を作成しました500px
。
携帯電話でブラウジングすると自動的にズームアウトされます
魔法はどのように正確に行われますか、それはデバイス固有ですか?
HTML ページの head で次のようなことを試してみてください。
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
詳細については、こちらを参照してください: http://davidbcalhoun.com/2010/viewport-metatag
編集:以下の回答は、現在の通常の慣行を反映していません。現在、モバイルでのページのスケーリング方法を制御する、メタ ビューポートと呼ばれる十分に確立された標準があります。これがない場合、サイトは「モバイル フレンドリーではない」と見なされ、モバイル ブラウザはページを一般的なデスクトップの幅で表示し、ズームアウトして全幅を表示します。
ブラウザ固有です。
これは、ほとんどのモバイル ブラウザー (Android、Nokia S60、Opera Mini など) で構成可能なオプションです。ページが通常の 100% ズームで開くように、オフにすることを好みます (ズームが切れている場合は、スクロールするだけです)。
テキストが小さすぎて読めない場合でも、一度にページ幅全体を表示し、その後ダブルタップしてズームアップすることを好む人もいます。
通常、ブラウザーは最初にページの合計幅を計算します。この計算では、柔軟な幅の要素はすべて、そのすべての子に収まる最小幅と見なされます。これがブラウザー ウィンドウの幅以下の場合、スケーリングは行われませんが、それより大きい場合、ブラウザーはこれを仮想ページ幅として設定し、ユーザーがこのオプションをオンにしている場合は、すべてを縮小します (ズーム アウトのように)。ページの最小幅がブラウザ ウィンドウの幅を占めるようにします。
ブラウザはやりたいことを何でもします。携帯電話は画面が小さいので、このブラウザはページをより見やすくするためにズームアウトしたのでしょう。