iPad iPhone缩放背景图片

Question

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

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

Answer 1

这适用于iPad:

-webkit-background-size: length_x length_y;

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

Answer 2

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

Answer 3

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

<meta name="viewport" content="width=device-width, initial-scale=1.0" />