iPad iPhone缩放背景图片

jgu*_*fey 19 iphone safari mobile webkit ipad

只是想知道是否有其他人经历过iPad/iPhone缩放他们的背景图像以适应视口.

在我的情况下,我通过javascript交换背景图像,新的背景图像超宽,适合大型显示器.但是,iPad正在缩小通过javascript添加到DOM的背景图像.我通过使用"-webkit-background-size"设置为图像应该的大小来解决这个问题,但这会导致背景图像被拉伸和像素化.

Adi*_*Adi 44

这适用于iPad:

-webkit-background-size: length_x length_y;
Run Code Online (Sandbox Code Playgroud)

  • 虽然这"有效",但之后的图像看起来很糟糕.因为iOS首先将图片缩小50%,然后将50%的缩小版本升级.结果看起来很糟糕.哇,我讨厌这些非标准的行为. (4认同)
  • 这是最好的解决方案 (2认同)

小智 12

iphoneOS将每张图片缩放到200万像素(宽*高)50%以下.我通过将背景分成两张照片来管理它.


小智 5

您所要做的就是在页面中添加此元标记,以防止缩放背景图像.

<meta name="viewport" content="width=device-width, initial-scale=1.0" />
Run Code Online (Sandbox Code Playgroud)

  • 视口元标记仅影响页面初始比例及其范围.当iPad提供大于2M像素的图像时,无论视口设置如何,它都将缩放到50%. (2认同)