jquerymobile サイトがどのように見えるかを顧客に示そうとしています。しかし、デスクトップブラウザでそれを示したいと思います。ボディにスタイルを適用しました
<body style="position:relative; margin-left: auto; margin-right: auto; width:320px; height:480px;">
しかし、 height:480px は効果がありませんでした。jquerymobile は常にビューポートの高さに応じてページの高さを調整しているようです jquerymobile を 480 の高さに合わせる方法を教えてください。
ブラウザウィンドウのサイズを変更しないのはなぜですか? Jquery モバイル (正しく使用している場合) は、ブラウザー ウィンドウ (つまり Safari) の幅と高さを目的の高さと幅に縮小すると、正しく表示されます。これを難しい方法で実装しようとしているように感じます。
私は、 Brian Apps の Sizerという小さな Windows アプリを使用しています。このアプリを使用すると、タイトル バーを右クリックするだけでウィンドウのサイズを正確なサイズにすばやく変更できます。iPhone と iPad の解像度、およびラップトップの一般的な解像度があるので、これらの領域の Web サイトをすばやくプレビューできます。
もちろん、これは各デバイスの異なる DPI を考慮していないため、100% 正確ではありませんが、それを行う必要がある場合は、より包括的な (そして高価な) シミュレーターが存在します。