使身体背景响应

我一直在处理这个问题一段时间，试图自己解决它，但我只是无法缝合才能够达到它的底部。基本上，我有一个我在身体标签中使用的背景。但是，只要我的背景图像被移动设备上的扭曲，像素化添加文本和它实物放大使身体背景响应

这是我用身体背景图片的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; 
}

任何帮助将不胜感激。

来源

2017-08-27 user8409595

你可以张贴一些截图？当然，如果它太小，它会像素化，并且你试图在整个背景上拉伸它。 –

寻求代码帮助的问题必须包含在问题本身**中重现它所需的最短代码**最好在[Stack Snippet]（https://blog.stackoverflow.com/2014/09/introducing-runnable-javascript- CSS-和HTML的代码段/）。请参阅如何创建[最小，完整和可验证示例]（http://stackoverflow.com/help/mcve）。 – andreas

你好，形象不是太小。这是1900×1200像素..这就是为什么我不明白为什么它像素化和扭曲... – user8409595

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

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; 
 
}

来源

2017-08-27 20:27:01

你好，这工作，一切现在看起来很棒！非常感谢你的帮助！ – user8409595

使身体背景响应

回答

相关问题