可以看到我正在开发的网站here http://ourcityourstory.com/dev/。如果你查看 iPad 3 或 iPhone 4 上的“关于”或“联系”部分，背景看起来全都是疯狂的像素化。
我有background-size set to cover因此，当用户调整其大小时，它会适当缩放，但在 iPad 或 iPhone 上，它看起来很糟糕。
有关如何修复设备此问题的任何帮助或提示@media only screen and (min-device-pixel-ratio: 2)?
谢谢。
这是因为你正在使用background-attachment:fixed- 无论出于何种原因，与以下一起使用时background-size: cover在 iOS 上会导致此行为。 （我在http://jag.is http://jag.is今天刚刚解决）。
因此，如果添加以下内容应该可以解决：
/* for background-size:cover replacement on iOS devices */
@media only screen and (orientation: portrait) and (device-width: 320px), (device-width: 768px) {
header {
-webkit-background-size: auto 150%;
background-attachment: scroll;
}
}
@media only screen and (orientation: landscape) and (device-width: 320px), (device-width: 768px) {
header {
-webkit-background-size: 150% auto;
background-attachment: scroll;
}
}
The -webkit-background-size属性也适用于 iOS，因为它无法识别cover财产为background-size
这是文章 http://kimili.com/journal/the-flexible-scalable-background-image-redux我从中找到了我的解决方案。
顺便说一句，可爱的网站设计。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
