我是网络开发人员。 我开发了我的移动网站,在html中使用'viewport'选项来获取响应式移动网站。
然后,我分配了如下的元数据: -
<meta name="viewport" content="width=320"/>
但我的网站出现右边距(下图是我的网站菜单栏的一部分)
如何删除右边距? ....谢谢你的帮助!
答案 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.0
和user-scalable=no
不允许用户在移动设备上缩放缩放。如果您想让用户放大网站,可以删除这两个