Jqueryのモバイルサイトは初めてですが、Jqueryを使用してこのモバイルWebサイトを作成しました。しかし、iPhone 4sで表示すると、モバイルサイトのように適切に読み込まれません。代わりに、遠く離れたデスクトップサイトのように見えます。誰かが私が間違ったこととそれを修正する方法を教えてもらえますか？
あなたはここでウェブサイトを見つけることができます：http ：//www.rodgersgroupllc.com/mobile/
ありがとう、
フランク
質問する
187 次
2 に答える
4
ビューポートスケーリングのメタタグが欠落しているのは唯一のことです。
<meta name="viewport" content="initial-scale=1.0">
それ以外はすべて問題ありません。
このJSブックマークをチェックして、iPhoneやその他のモバイルデバイスでデザインがどのように表示されるかをすばやく確認してください。
http://response.victorcoulon.fr/
iPhoneの解像度の場合、解像度はここにあります。iPhoneの解像度、iphone 4の実際の解像度にもかかわらず、ピクセル密度が2倍になるため、解像度は半分になります。
于 2013-01-18T08:18:48.367 に答える
2
head次の行をタグに追加してみてください。
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
これにより、ビューポートが通常の縮尺に設定されます。ほとんどのモバイルブラウザは、デフォルトでページを拡大縮小します。
widthプロパティはに設定され、ウィンドウのdevice-width幅をデバイスの幅と同じサイズに強制します（doh！）。initial-scaleブラウザがページを開いたときのスケールを設定します。最後にmaximum-scale=1、ユーザーがズームアウトすることを禁止します。
詳細：https ：//developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag
于 2013-01-18T08:18:58.543 に答える