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.0
和 user-scalable=no
不允许用户在移动设备上缩放。如果想让用户放大网站,可以去掉这两个
写下这个试试看是否有效...
<meta name="viewport" content="width=device-width, initial-scale=1">
您可能需要将您的媒体查询更改为此,这对您的网站非常有用。如果我正确请点赞
<meta name="viewport" content="width=device-width, initial-scale=1">
我是网络开发人员。 我开发了我的移动网站,使用 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.0
和 user-scalable=no
不允许用户在移动设备上缩放。如果想让用户放大网站,可以去掉这两个
写下这个试试看是否有效...
<meta name="viewport" content="width=device-width, initial-scale=1">
您可能需要将您的媒体查询更改为此,这对您的网站非常有用。如果我正确请点赞
<meta name="viewport" content="width=device-width, initial-scale=1">