Bootstrap Mobile背景图像



我有一个背景图像集。当我在移动设备上查看时,不同页面上的背景图像大小不同,尽管它们都链接到了相同的样式表,代码为

网站是"treyscode.com",您可以转到不同的页面,查看大小差异。页面仍然没有完成,所以不要给我太多的时间:(

''

body {
background: url(../image/blackhole.jpg);
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height:100%;
width:100%;
}

''

为什么不同的页面会显示不同大小的背景图像?

实际上这取决于您的网页内容。由于您已将background-repeat属性设置为no-repeat,因此它会使您认为它具有不同的大小。实际上,图像是不断粘贴的,而且每一页的大小都是一样的

如果你去掉上面的background-repeat属性,那么你就可以看到我所说的区别。

相关内容

  • 没有找到相关文章

最新更新