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