视口无法满足手机屏幕?

时间:2017-11-22 12:52:53

标签: html css viewport mobile-website

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

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

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

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

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

enter image description here ....

3 个答案:

答案 0 :(得分:0)

写下这个并尝试它是否有效......

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

答案 1 :(得分:0)

您可能需要将媒体查询更改为此内容,这对于您的网站来说会有所不同。如果我正确的话请发誓。

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

答案 2 :(得分:-1)

试试这个:

<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不允许用户在移动设备上缩放缩放。如果您想让用户放大网站,可以删除这两个