我正在实现一个流畅的布局，这意味着屏幕上元素的大小是使用百分比计算的，而不是以像素为单位进行硬编码。
我注意到的一件事是，在具有最大化窗口的同一屏幕上，不同的浏览器只能开始使用不同的body尺寸！因此，不同浏览器中的相同div的大小和位置会略有不同。
我在Chrome，FF和Safari中测试过，最大化时的体型分别为：1280 x 702,1279 x 687,1280 x 684。似乎主要区别在于高度，这可能是由URL栏，标签等的不同设计/位置所解释的？
这是开发人员必须忍受的东西（特别是在使用流畅的布局时）？如果是这样，是否有任何补救措施可以确保元素在不同的浏览器中始终具有完全相同的大小？或者还有其他我错过的导致这种差异的东西？
答案 0 :(得分：0)
使用流畅的布局意味着您的布局必须能够适应几乎任何分辨率，因此1280x768显示器上最大化浏览器之间的细微差别是您最不关心的问题。人们有不同大小的显示器（或电话屏幕或平板电脑），他们不仅查看最大化的页面。您的布局需要不间断地流动，以匹配人员调整浏览器的宽度。这很难，这就是为什么带有装订线的固定宽度页面对于简单网站来说更受欢迎的原因。
P.S。如果您要进行Web开发，则应该获得至少具有1920x1080分辨率的显示器。这是很多人在这些日子看到你的网站的原因，除非你有一个匹配的显示器，你将无法看到它的样子。此外，它还可以为您的代码提供更多的屏幕空间。