不同的浏览器中的不同窗口/体大小

Question

我正在实现流体布局，这意味着屏幕上的元素大小是使用百分比来计算的，而不是像素硬编码的。

我注意到的一件事是，在最大化窗口的同一屏幕上，不同的浏览器只有不同尺寸的body开始！因此，不同浏览器中的相同div将具有略微不同的大小以及位置。

我已经在Chrome，FF和Safari中进行了测试，最大化时的身体尺寸分别为：1280 x 702,1279 x 687,1280 x 684。看起来主要区别在于高度，这可能由URL栏，标签等的不同设计/位置来解释？

这是开发人员必须忍受的事情吗（特别是使用流体布局时）？如果是这样，是否有任何补救措施来确保元素在不同的浏览器中始终具有完全相同的大小？还是有其他我错过了导致这种差异的东西？

Answer 1

使用流体布局意味着您的布局必须能够适应几乎任何分辨率，因此1280x768显示器上最大化的浏览器之间的细微差异是您最担心的问题。人们拥有不同尺寸的显示器（或手机屏幕或平板电脑），他们不仅可以查看最大化的页面。您的布局需要流畅无间，以匹配个人调整浏览器的宽度。这很困难，这就是为什么具有排水沟的固定宽度页面对于简单网站更受欢迎的原因。

P.S.如果你打算做网络开发，你应该得到一台至少有1920x1080分辨率的显示器。这就是很多人在这几天要查看您的网站的情况，除非您有显示器匹配，否则您将无法看到它的外观。再加上它会给你更多的屏幕空间来处理你的代码。