窗口高度和html高度不一致
我试图通过将窗口高度和html高度不一致,html,css,Html,Css,我试图通过将body元素设置为display:table,然后将三个包含的块设置为显示:中间块高度固定的table行,在一个大窗口中垂直对齐。使用javascriptwindow.screen.height返回1440px。但是,在Safari的开发者视图中,html元素的CSS属性显示高度:1259px。然后,这会偏移我身体的垂直对齐 html元素的值是否应该与window.screen.height的值不同?请记住html和body可以从浏览器样式表中获得默认的边距/填充-如果不想有任何意外
body
元素设置为display:table,然后将三个包含的块设置为显示:中间块高度固定的table行,在一个大窗口中垂直对齐。使用javascript
window.screen.height返回1440px。但是,在Safari的开发者视图中,html元素的CSS
属性显示高度:1259px。然后,这会偏移我身体的垂直对齐
html
元素的值是否应该与window.screen.height的值不同?请记住html
和body
可以从浏览器样式表中获得默认的边距/填充-如果不想有任何意外,请明确删除您自己样式表中的边距/填充。谢谢@CBroe,删除了默认样式。我想我只是想弄清楚html元素的高度是否应该与window.screen.heightscreen.height相同,应该是物理屏幕的实际像素高度——它与浏览器窗口高度(可能不是全屏,也可能不受任务栏等的限制)或文档的实际高度无关。我想您可能更喜欢查找窗口。innerHeight
–看看这里不同属性的描述,