8

スマートフォンに対応するために、ウェブサイトにレスポンシブおよびアダプティブ メディア クエリを使用しています...問題は、最大幅のモバイル クエリが 480px で終了することです。 .)。現在、HTC のような一部の携帯電話では、最大画面幅が 533 ピクセルですが、ユーザーが最初にページを垂直位置 (画面幅 320 ピクセル) でロードし、回転して画面を幅 533 ピクセルにすると、設計仕様を超えてしまいます。そして、それはちょっとくだらないように見えます...(レイアウトは最大480pxを意図していたので...)

これを解決する唯一の方法は、ビューポートのサイズが変更されたらページを更新することです。強制的に更新するにはどうすればよいですか?

ありがとうございました

4

1 に答える 1

12

デバイスの回転ウィンドウのサイズが変更された場合。

window.onresize = function(event)
{
document.location.reload(true);
}
于 2012-08-20T19:43:14.293 に答える