ブラウザの実際のウィンドウサイズと表示するHTMLのbodyのサイズが異なる

投稿者: Anonymous

ウェブサイトを開発していますが、
表示されるHTMLの幅が、実際のブラウザのサイズよりも小さいサイズで表示されるため困っています。

Chrome(問題が発生)
Safari(問題なし)

Chrome と Safari でキャプチャをとりました。
Chrome では定規のサイズと実際のブラウザサイズが異なっています。
Safari ではウィンドウのサイズと body 要素の width が同じなので問題なしです。

以下のブラウザで、上記の現象が起こります。

・Google Chrome v40.0.2214.115
・Fire Fox 33.0.2

※ Safariは実際のブラウザのサイズで表示されています。

OSは、Mac OSX 10.9.5
ディスプレイの解像度は、1680×1050 です。

画像をブラウザで直接開いた場合は、
この現象は起こりません。

ブラウザやOSのズーム機能は使っていません。

何が原因か全くわからないため、
アドバイスお願いします。

解決

画像を見てみると右上の三本線アイコンの幅が上25px・下22pxと異なります。
これは数値で表示されている400pxとルーラーから読み取れる値の365pxの比率とほぼ同じであるので、上のブラウザの表示倍率がやや上がっており、横幅の数値には反映されていないのだと思います。

回答者: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *