Android 调整移动设备的宽度

我重写了我的网站，使之为移动设备格式化。但是，不同设备上的显示宽度不一致。在我的android设备上，宽度看起来不错，但在另一个人的android设备上，宽度要小得多，因此无法读取

我在html文件中使用以下视口：

<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, user-scalable=no" /

---

您需要建立一个响应性强的站点。如果在div上有固定的宽度，则需要使用。由于IE8及以上版本不支持媒体查询，您可以使用类似的插件。有了这个插件，你只需要将它添加到你的页面，并像平常一样使用媒体查询

你有这个网站的链接吗

媒体查询可用于确定特定的浏览器/设备宽度，因此只有当浏览器/设备满足该媒体查询器规范时，才能设置样式

但是，如果您将#maindiv width更改为100%或使用max width，我相信这将解决您的问题。此外，在外部样式表或页面上，您还需要添加以下css以使图像响应：

img {
max-width:100%
height:auto;
display:inline-block;
}

同时删除：

<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, user-scalable=no" />



并提出：

<meta name="viewport" content="initial-scale=1, maximum-scale=1, width=device-width, user-scalable=no">


我可以使用@media max width作为一个变量来计算我的身体宽度，还是必须按照css媒体查询中的示例使用它？谢谢您的回复。我忘了提到网站的链接。链接是。谢谢你的建议。我会试试看是否能解决这个问题。谢谢你给我介绍css媒体查询。我做了你建议的修改，问了一个在安卓手机上得到错误版本的人，他说它的宽度仍然很窄。他有一部我从没听说过的傻瓜手机。有没有可能是手机而不是网页？我点击了你提供的链接，没有看到任何变化。这与android相关吗？还是一般的移动？一般来说，它是移动的。我碰巧注意到两款不同的Android手机在显示网页时有不同的宽度。
<meta name="viewport" content="initial-scale=1, maximum-scale=1, width=device-width, user-scalable=no">