Css 是否有任何理由不设置“html,body{height:100%}”?
Css 是否有任何理由不设置“html,body{height:100%}”?,css,Css,min height是否更合适 或者,对于我来说,将所有全屏背景设置为html和body,这是否合适呢?是否可以单独设置为html html, body { height: 100%; background-image: url(blah.jpg); background-size: cover; background-position: center center; } 所有内容都在body上绘制,html是主文档,如果您可以提供样式,但不推荐使用,因为所讨论的body和
min height
是否更合适
或者,对于我来说,将所有全屏背景设置为html
和body
,这是否合适呢?是否可以单独设置为html
html, body {
height: 100%;
background-image: url(blah.jpg);
background-size: cover;
background-position: center center;
}
所有内容都在
body
上绘制,html是主文档,如果您可以提供样式,但不推荐使用,因为所讨论的body
和html
是相同的
min height
在屏幕不需要此尺寸时使用
*{
margin: 0;
padding: 0;
}
body {
background-image: url(blah.jpg);
background-attachment: fixed;
top: 0px;
left: 0px;
background-size: cover;
background-position: 50% 50%;
background-repeat: none;
}
你只需要在另一个容器中控制你的可滚动内容,只需
body
html名称,这不是很方便,但是如果used@Chad当前位置我不确定这是否是你的意思,但你在我心中激起了很多想法。我想html,body{height:100%;overflow:scroll | | auto;}
可能会导致
或
执行内部滚动,而不是全视口滚动。。可能导致$window.scrollTop()
产生意外结果?我认为这只会在overflow
设置为默认值visible
之外的任何值时出现问题。当然,如果更改了可滚动元素,window.scrollTop不会提供所需的信息。这并不是说你不能像$(“#container')那样简单。scrollTop()
@Chad:那么,这意味着html,body{height:100%;}
不会影响视口的滚动行为,是吗?这是一个CSS片段,不是答案。