7331


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

![Chrome（問題が発生）](https://i.stack.imgur.com/J8vmv.png)  
![Safari（問題なし）](https://i.stack.imgur.com/GPOAZ.png)

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

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

・Google Chrome v40.0.2214.115  
・Fire Fox 33.0.2

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

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

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

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

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


CC BY-SA 3.0
2015-02-27T02:48:19.260
7181
2015-03-04T11:55:40.830
2015-03-02T04:07:12.127
8581
8581
question
html google-chrome firefox
ブラウザの実際のウィンドウサイズと表示するHTMLのbodyのサイズが異なる


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


CC BY-SA 3.0
2015-03-02T13:32:27.263
7331
2015-03-02T13:32:27.263
5750
7181
answer


私もpgrho氏の言う通りかと思います。  
検証のため画像を貼るために回答として投稿します。

初めに、ルーラーを上下反転させてみました。  
本来であれば、10ピクセル単位で均等になるはずなのでメモリが上下一致するはずです。  
![ルーラーが不一致](https://i.stack.imgur.com/Dkfv5.png)  
ご覧のとおりルーラーを反転させても一致していません。  
一致していないということは、等倍表示ではないことになります。

![ルーラー101px分](https://i.stack.imgur.com/KtdBD.png)  
次に、ルーラー100～200、つまり101ピクセル分取り出しました。  
しかし、111pxとなり、これもまた等倍ではないことを意味しています。

等倍表示にしてからもう一度ご確認いただいたほうがよいかもしれません。


CC BY-SA 3.0
2015-03-04T11:55:40.830
7440
2015-03-04T11:55:40.830
8667
7181
answer