HTMLページの$(window).width()場合、サーバーでホストされている場合、異なる値を与えています。私のラップトップの解像度は 1920 X 1080 です。ローカルで Firefox と Chrome でページを開くと、幅は 1920 と表示されます。サーバーでホストした同じページを開いたとき、幅は 1097 と表示されます。違い？この違いにより、ページ全体のレイアウトが異なります。どうすればこれを解決できますか?
PS IE でページを開くと、ローカルとサーバーで幅が同じになります。Zurb の基盤フレームワーク (3.2) を使用しています。
Google Chrome でも同じ問題が発生しました。ページをズームインまたはズームアウトすると、メディア クエリがめちゃくちゃになるようです。ズーム レベルが両方のサイトで 100% であることを確認します。
サーバーウィンドウに実行されないjSには、このような幅のプロパティがあります
window.outerWidth
window.innerWidth
ウィンドウからログを取得してブラウザ画面のサイズを変更すると、開発者ツールですべてのプロパティを表示できます
console.log(window);
私は問題を確認し、実際には何も信じていません (Ubuntu 12.04、Mozilla Firefox 26.0) http://www.potomek.eu/blog/media/differentscreenwidthissue.jpg
