viewport 不能满足手机屏幕?

viewport can't satisfy mobile screen?

我是网络开发人员。 我开发了我的移动网站,使用 html 中的 'viewport' 选项来响应移动网站。

然后,我分配了如下元数据:-

<meta name="viewport" content="width=320"/>

但是我的网站出现在右边距(下图是我网站菜单栏的一部分)

如何删除右边距? ....感谢您的帮助!

enter image description here ....

试试这个:

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

编辑: 通过提供静态宽度,您已经失去了响应能力。而是使用 device-width,它会自动占用设备的宽度。

max-scale=1.0user-scalable=no 不允许用户在移动设备上缩放。如果想让用户放大网站,可以去掉这两个

写下这个试试看是否有效...

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

您可能需要将您的媒体查询更改为此,这对您的网站非常有用。如果我正确请点赞

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