我已经尝试了所有这三个无济于事:
<meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;” />
<meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=false;” />
<meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;” />
Run Code Online (Sandbox Code Playgroud)
每个都是我通过谷歌搜索或SO搜索推荐的不同值,但是'user-scalable = X'值似乎都没有工作
我也尝试用逗号分隔值而不是分号,没有运气.然后我尝试只提供用户可扩展的值,仍然没有运气.
UPDATE
从Apple的网站得到这个,它的工作原理:
<meta name="viewport" content="width=device-width, user-scalable=no" />
Run Code Online (Sandbox Code Playgroud)
原来问题是非标准引号,因为我从使用它们的网站复制了元标记,哎呀
:vsplit(缩写形式:vs:)将垂直分割Vim视口.:30vs拆分视口,使新窗口宽30个字符.创建这个30个字符窗口后,如何将其大小更改为31或29?
使用水平窗口Ctrl- W +将行数增加一.将列增加一个的等效命令是什么?
如何使用jQuery确定浏览器视口的大小,并在页面调整大小时重新检测?我需要在这个空间中建立一个IFRAME大小(每个边缘都有一点).
对于那些不知道的人,浏览器视口不是文档/页面的大小.它是滚动前窗口的可见大小.
我正在建立专门针对移动设备的网站.特别是有一个页面,最好以横向模式查看.
有没有办法检测访问该页面的用户是否在纵向模式下查看它,如果是,则显示一条消息,通知用户该页面最好以横向模式查看?如果用户已在横向模式下查看,则不会显示任何消息.
所以基本上,我希望网站检测视口方向,如果方向是纵向,则显示警告消息,告知用户该页面在横向模式下最佳查看.
非常感谢,Dan
我已经更新我的iPhone 6加至10的iOS beta版本,只是发现,在移动Safari浏览器,您可以通过双击放大任何网页或捏忽略了user-scalable=no在meta标签代码.我不知道这是一个错误或功能.如果它被视为一项功能,我们如何禁用视口缩放iOS 10 Safari?
在iOS 11/12发布,iOS 11和iOS 12 safari上更新仍然不尊重user-scalable=no元标记.
我正在尝试创建一个占用视口宽度和高度100%的画布元素.
你可以在我的例子看到这里正在发生,但它是在Chrome和FireFox中添加滚动条.如何防止额外的滚动条,只提供窗口的宽度和高度作为画布的大小?
我这里有一个网站.
在桌面浏览器中查看,黑色菜单栏正确地仅延伸到窗口的边缘,因为它body具有overflow-x:hidden.
在任何移动浏览器中,无论是Android还是iOS,黑色菜单栏都会显示其全宽,这会在页面右侧显示空白区域.据我所知,这个空格甚至不是html或body标签的一部分.
即使我将视口设置为以下特定宽度<head>:
<meta name="viewport" content="width=1100, initial-scale=1">
Run Code Online (Sandbox Code Playgroud)
该网站扩展到1100px,但仍然有超过1100的空白.
我错过了什么?如何将视口保持为1100并切断溢出?
获取页面上元素相对于视口(而不是文档)的位置的正确方法是什么.jQuery.offset功能似乎有希望:
获取第一个元素的当前坐标,或者在匹配元素集中相对于文档设置每个元素的坐标.
但这与文件有关.是否存在相对于视口返回偏移量的等效方法?