Image 背景图像在移动设备上放大

Image 背景图像在移动设备上放大,image,css,background,Image,Css,Background,我已经创建了一个视差页面。 在我的桌面上,一切都很好,但如果我在移动设备上查看,图像会放大到我可以精确计算像素数的程度 我不知道这是什么原因。 即使如此,我也不知道如何解决这个问题 除了谷歌,我甚至不知道从哪里开始。 我发现一个话题,有人说这是一个狩猎问题 有人吗 我不能真正创建JSFIDLE或其他东西,因为正如您所说,它是用WordPress制作的 但是,请参阅附件中的图片。也许有人至少能看到问题所在,也许能告诉我是什么导致了这一点(全局指示) 桌面: 手机(iPhone) 您可能希望尝试将

我已经创建了一个视差页面。 在我的桌面上,一切都很好,但如果我在移动设备上查看,图像会放大到我可以精确计算像素数的程度

我不知道这是什么原因。 即使如此,我也不知道如何解决这个问题

除了谷歌,我甚至不知道从哪里开始。 我发现一个话题,有人说这是一个狩猎问题

有人吗

我不能真正创建JSFIDLE或其他东西,因为正如您所说,它是用WordPress制作的

但是,请参阅附件中的图片。也许有人至少能看到问题所在,也许能告诉我是什么导致了这一点(全局指示)
桌面:

手机(iPhone)

您可能希望尝试将
背景大小:封面
替换为
背景大小:包含
。这将确保背景图像的宽度和高度都适合窗口,但可能会产生一些空白。有了“cover”,整个区域都会被填满,但图像可能不会被完全包含,这似乎是现在正在发生的事情。

您是否尝试添加:

<meta name="viewport" content="initial-scale=1.0">

到HTML的头部? 如果这还不够,请尝试:

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


它告诉移动浏览器使用设备宽度和完全初始缩放级别。

您需要向我们显示一些代码。您累了什么?你的密码在哪里?你能提供一个演示这个问题的演示吗?你已经发布了wordpress的一堆PHP,我不会设置wordpress服务器来尝试复制这个问题。您需要组合一个最小的测试用例并在jbin、jsfiddle和pr上发布类似的内容。我现在的问题是,就像你说的,有很多空白。但现在我知道从哪里开始找了。非常感谢。背景是否可能就在视口后面?。这意味着图像无法缩放…当前设置为