iPad iPhone缩放背景图片

Question

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

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

Answer 1

这适用于iPad:

-webkit-background-size: length_x length_y;

Answer 2

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

Answer 3

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

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