0

jQuery でウィンドウ オブジェクトのサイズを手動で変更できますか? ウィンドウ幅が 640px の iPhone で Web アプリケーションを変更していますが、iPhone の画面の幅が 320px (ポートレート モード) になる原因がわかりません。HTML ドキュメントの head セクションからすべてのメタ タグを削除しようとしましたが、何も変わりませんでした。これをどのように解決できるか考えていますか?

メタタグを追加してもうまくいきませんでした。主な問題は、iPhone 4 に640x960 px画面があることです。私は前にこれを知りませんでした。そのため、iPhone のメディア クエリは に設定されていました320x480 px。しかし、別の問題があります。モードを切り替えると、解像度が に320x480 pxなり、これらの値のままになります。なぜこれが起こっているのかわからず、この状況に CSS を設定するのは非常に困難です。

クライアントのサイトには両方のメタ タグがありますが、理由はわかりません。

"meta name="viewport" content="width=device-width, initial-scale=0.5, minimum-scale=0.5, maximum-scale=1.0"
"meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width"
4

1 に答える 1

0

あなたの文書には次のようなものがあります<head>か?

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

これにより、ios がページをスケーリングできなくなります。

その後、デバイスに合わせてアプリケーションのコンテンツをサイズ変更/シフトする必要があります。その逆ではありません。

CSSメディア クエリは、webApp をモバイル フォーマットに適合させるのに非常に役立ちます。

于 2012-12-07T15:55:18.000 に答える