高度600px DIV显示为480像素

Question

我疯狂地试图找出为什么我指定ala

的html div

<div style="height: 600px; width: 600px; border: 1px solid black;"></div>

显示（在Firefox和IE10中，我只有2个浏览器）作为 480x480像素的正方形，而不是我预期的600x600像素。这是一个 简单的html页面没有任何CSS，表格等。将600px更改为 800px给出640x640像素的正方形，即显示的正方形 总是我要求的80％的大小。我检查过我的测量结果 通过在浏览器中显示600x600 PNG图像来确定尺寸是正确的。

我的理解在这里有些不对劲，但我无法弄清楚那是什么。

测试示例位于http://bigsurtrailmap.net/HIKES/TRAILMAP/test2.divsize.html

Answer 1

检查您的浏览器是否以原始大小显示页面（重置按[ctrl] + [0]（在大多数浏览器中））。