Apple刚刚发布了他们的新iOS7操作系统,但它导致我的视网膜图标媒体查询出现问题.看来background-size属性被忽略了.示例图片如下:http://imgur.com/R3OgFgN
图像替换适用于运行iOS6及更低版本(任何浏览器)的iPhone 4,4s,5.iOS7浏览器似乎抓住了高分辨率图像但忽略了background-size属性:
@media (-webkit-device-pixel-ratio: 2){
.b .logo{
background: url(../img/2x/m-yellloh-logo@2x.png) no-repeat 0 0 !important;
-webkit-background-size: 100%;
-moz-background-size: 100%;
background-size: 100%;
}
Run Code Online (Sandbox Code Playgroud)
它做了什么;
什么不做;
在iOS7 Safari和Chrome上测试过.
有没有人有这个问题,如果是这样,你是如何设法解决它的?