我在移动浏览器中遇到了一个问题，在与背景图像进行比较时使用媒体查询
<meta name="viewport" content="width=device-width" />
移动浏览器需要上面的元标签来对媒体查询做出反应（否则浏览器会假装它有一个更大的屏幕并缩小页面），问题是这个元标签在使用时也会放大网站上的所有背景图像。这完全破坏了页面的设计。
我希望所有的浏览器都能以1:1的比例表示页面的每个元素。
如何使媒体查询工作，但防止浏览器放大页面中的背景图像。简言之，我希望页面的处理方式与桌面浏览器相同。
同样的问题也出现在Android和iPhone浏览器中。
您是否尝试过使用固定的背景大小属性，例如background-size:100px 100px;
是的，您必须在元标签中使用缩放：
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />