关于html5,用div+css做页面怎么能铺满全屏
发布网友
发布时间:2022-04-24 18:13
我来回答
共2个回答
热心网友
时间:2022-04-20 07:28
把图片的最左边或者竖着切一两个像素 在浏览器里面横铺 在把图片放在中间居中 那样看上去就是平铺效果 这种方法只限于有规律的图片追问我这有两个条,我也设置的是按X轴平铺,但是不能适应浏览器
追答你得把写背景平铺的哪个div写成宽高都是100%的
热心网友
时间:2022-04-20 08:46
1、CSS方式
在使用CSS方式的时候必须有前提的,就拿高度的100%来说,咱们必须定义它的父级元素的高度,而且高度为铺满全屏的高度。同时注意不要有其他的CSS冲突,比如我们使用position:absolute(绝对定位)的时候我们使用高度100%就会失效了。
2、javascript方式
如果因为我们的这个模块的需求,导致我们不能满足使用CSS完成这一需求的时候,我们就要动用JS,来做了。当然我们不管 是用原生的JS还是jquery等框架。我们必须选对相应的对象及其方法。比如很多人说应该选择Screen对象,其实我觉得不是这样的,因为不管是我们的pc也好还是我们的移动端也好,浏览器本身往往已经占用了一定的位置,因此我建议使用window对象来获取尺寸的数值,然后通过DOM对HTML元素的CSS属性值进行改变。