HTML/CSS：如何防止Android和iPhone浏览器放大背景图像

我在移动浏览器中遇到了一个问题，即在与背景图像匹配时使用媒体查询

<meta name="viewport" content="width=device-width" />

上面的元标记是移动浏览器对媒体查询做出反应所必需的（否则浏览器会假装屏幕更大并缩小页面），问题是，使用此元标记时，也会放大网站上的所有背景图像。这完全破坏了页面的设计

我希望所有浏览器以1:1的比例表示页面的每个元素

如何使媒体查询正常工作，同时防止浏览器放大页面中的背景图像。简言之，我希望页面的处理方式与桌面浏览器中的相同

---

Android和iPhone浏览器都会出现同样的问题。

您是否尝试过使用固定的背景大小属性，例如

背景大小：100px 100px
是的，您必须在元标记中使用缩放：

<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />


是的，问题是，我突然必须始终指定，在每个有背景图像的元素上，它似乎是一个错误的起点。我不能从一开始就阻止浏览器缩放它们吗？有没有其他解决方案，完全禁用浏览器缩放的解决方案？为什么运行在DPI高的单元上的浏览器只会缩放某些元素而不是整个页面？？这肯定会带来问题，这又是IE的问题！