Question

我一直在处理这个问题已经有一段时间了，试图自己解决这个问题，但我只是不能缝到能够找到它的底部。基本上，我有一个我在body标签中使用的背景。但是，只要我在背景上添加文字，图像就会在移动设备上失真，像素化并且可以放大。

这是我用于身体背景图像的css代码：

body {
    background-image: url(background.png);
    background-repeat: no-repeat;
    background-position: center 70px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

非常感谢任何帮助。

Answer 1

通过固定图像并将中心位置定位在图像上，图像将以所有显示模式为中心。

＆＃13;

html,body{
 height: 100%;
}
body{ 
 background-image:url(http://www.cutestpaw.com/wp-content/uploads/2016/02/s-Yoshi-The-Seal-Kitteh.jpg);
 background-position: center center;
 background-repeat:  no-repeat;
 background-attachment: fixed;
 background-size:  cover;
}

＆＃13;

使身体背景响应

1 个答案: