小编and*_*one的帖子

iOS7忽略视网膜css媒体查询 - 背景大小

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)

它做了什么;

  • 用@ 2x图像替换原始图像

什么不做;

  • 使背景图像适合div元素大小.

在iOS7 Safari和Chrome上测试过.

有没有人有这个问题,如果是这样,你是如何设法解决它的?

css iphone ios media-queries ios7

5
推荐指数
2
解决办法
6045
查看次数

标签 统计

css ×1

ios ×1

ios7 ×1

iphone ×1

media-queries ×1