如何在body元素中获得全宽
我怎样才能让一个网站自动适应页面？
这是一个不需要滚动的景观设计。
回答 3
Stack Overflow用户
发布于 2013-10-06 03:22:32
您应该将body和html设置为position:fixed;，然后将right:、left:、top:和bottom:设置为0;。这样，即使内容溢出，它也不会超出视区的限制。
例如：
<html>
<body>
<div id="wrapper"></div>
</body>
</html>CSS：
html, body, {
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
}JS Fiddle Example
警告：使用此方法时，如果用户将窗口缩小，则内容将被切断。
Stack Overflow用户
发布于 2013-10-06 03:33:34
如果它在一个景观中，那么你将需要更多的宽度和更少的高度！这正是所有网站都有的。
让我们先学习基础知识，然后再学习其他知识！
基本CSS:
通过CSS，你可以做到这一点，
#body {
width: 100%;
height: 100%;
}这里使用的是带有id body的div，如下所示：
<body>
<div id="body>
all the text would go here!
</div>
</body>然后你就可以拥有一个具有100%高度和宽度的网页了。
如果他试图调整窗口大小怎么办？
弹出问题，如果他试图调整窗口大小怎么办？然后，#body中的所有元素都会试图弄乱UI。为此，您可以这样写：
#body {
height: 100%;
width: 100%;
}只需添加min-height max-height min-width和max-width即可。
这样，页面元素将停留在加载页面时所在的位置。
使用JavaScript的：
使用JavaScript，您可以控制UI，使用jQuery作为：
$('#body').css('min-height', '100%');和其他所有剩余的CSS属性，当用户尝试调整窗口大小时，JS将处理用户界面。
如何不将滚动添加到网页：
如果您不想添加滚动，那么您可以使用此JS
$('#body').css('min-height', screen.height); // or anyother like window.height这样，每当用户加载页面时，文档都将获得新的高度。
第二种选择更好，因为当用户有不同的屏幕分辨率时，他们会希望为自己的屏幕创建一个CSS或样式表。不是给别人的！
提示：所以尝试使用JS查找当前屏幕大小并编辑页面！:)
Stack Overflow用户
发布于 2013-10-06 03:20:45
例如，您可以使用CSS来完成此操作
<style>
html{
width:100%;
height:100%;
}
body{
width:100%;
height:100%;
background-color:#DDD;
}
</style>https://stackoverflow.com/questions/19201715
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号