网页铺满全屏,不需滚动条的设置方法 | 您所在的位置:网站首页 › 怎样将网页全屏显示 › 网页铺满全屏,不需滚动条的设置方法 |
现在很多网页流行使用铺满全屏,没有滚动条,上下轮播的首页产品介绍页面。(如2345看图王,支付宝等官网) 这种页面简洁大气,美观实用。但对刚接触html和css的人来说却有些高大上,不知道改如何做。 因为,通常设置width :100%有用。但高度却没用。(浏览器渲染方式的问题。不做详解。) 需要给body,html设置了height:100%才能做出铺满全屏的效果。 html,body{ width:100%; height:100%; margin:0; padding:0; overflow: hidden; } .id{ width:100%; height:100%; background:lime; margin:0 auto; } |
CopyRight 2018-2019 实验室设备网 版权所有 |