标签: viewport

使用JavaScript获取浏览器视口尺寸

我想让访问者能够看到高质量的图像,有什么方法可以检测窗口大小吗?

或者更好的是,使用JavaScript的浏览器的视口大小?在这里查看绿色区域:

javascript cross-browser viewport

724
推荐指数
14
解决办法
57万
查看次数

如何在Mobile Safari上禁用视口缩放?

我已经尝试了所有这三个无济于事:

<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)

原来问题是非标准引号,因为我从使用它们的网站复制了元标记,哎呀

html zoom mobile-safari viewport ios

362
推荐指数
11
解决办法
47万
查看次数

如何在Vim中增加垂直分割窗口大小

:vsplit(缩写形式:vs:)将垂直分割Vim视口.:30vs拆分视口,使新窗口宽30个字符.创建这个30个字符窗口后,如何将其大小更改为31或29?

使用水平窗口Ctrl- W +将行数增加一.将列增加一个的等效命令是什么?

vim window viewport

310
推荐指数
9
解决办法
10万
查看次数

使用jQuery获取视口大小

如何使用jQuery确定浏览器视口的大小,并在页面调整大小时重新检测?我需要在这个空间中建立一个IFRAME大小(每个边缘都有一点).

对于那些不知道的人,浏览器视口不是文档/页面的大小.它是滚动前窗口的可见大小.

size jquery resize viewport

304
推荐指数
4
解决办法
28万
查看次数

检测视口方向,如果方向是纵向显示警告消息,建议用户说明

我正在建立专门针对移动设备的网站.特别是有一个页面,最好以横向模式查看.

有没有办法检测访问该页面的用户是否在纵向模式下查看它,如果是,则显示一条消息,通知用户该页面最好以横向模式查看?如果用户已在横向模式下查看,则不会显示任何消息.

所以基本上,我希望网站检测视口方向,如果方向是纵向,则显示警告消息,告知用户该页面在横向模式下最佳查看.

非常感谢,Dan

javascript mobile jquery viewport device-orientation

181
推荐指数
13
解决办法
30万
查看次数

禁用视口缩放iOS 10+ safari?

我已经更新我的iPhone 6加至10的iOS beta版本,只是发现,在移动Safari浏览器,您可以通过双击放大任何网页或捏忽略user-scalable=no在meta标签代码.我不知道这是一个错误或功能.如果它被视为一项功能,我们如何禁用视口缩放iOS 10 Safari?


在iOS 11/12发布,iOS 11和iOS 12 safari上更新仍然尊重user-scalable=no元标记.

Safari上的移动github网站

mobile-safari viewport ios10 ios11 ios12

149
推荐指数
13
解决办法
11万
查看次数

HTML5 Canvas 100%视口宽度?

我正在尝试创建一个占用视口宽度和高度100%的画布元素.

你可以在我的例子看到这里正在发生,但它是在Chrome和FireFox中添加滚动条.如何防止额外的滚动条,只提供窗口的宽度和高度作为画布的大小?

jquery html5 canvas viewport

141
推荐指数
5
解决办法
23万
查看次数

缩小到适合的视口元属性有什么作用?

我找不到这方面的文档.它是Safari专用的吗?

iOS 9中有一个最近的错误(这里),其解决方案是添加shrink-to-fit=no到viewport元.

这段代码有什么作用?

html safari webkit viewport ios9

127
推荐指数
2
解决办法
10万
查看次数

Overflow-x:hidden不会阻止内容在移动浏览器中溢出

这里有一个网站.

在桌面浏览器中查看,黑色菜单栏正确地仅延伸到窗口的边缘,因为它body具有overflow-x:hidden.

在任何移动浏览器中,无论是Android还是iOS,黑色菜单栏都会显示其全宽,这会在页面右侧显示空白区域.据我所知,这个空格甚至不是htmlbody标签的一部分.

即使我将视口设置为以下特定宽度<head>:

<meta name="viewport" content="width=1100, initial-scale=1">
Run Code Online (Sandbox Code Playgroud)

该网站扩展到1100px,但仍然有超过1100的空白.

我错过了什么?如何将视口保持为1100并切断溢出?

css overflow viewport mobile-browser

124
推荐指数
9
解决办法
18万
查看次数

使用jquery获取元素相对于视口的位置

获取页面上元素相对于视口(而不是文档)的位置的正确方法是什么.jQuery.offset功能似乎有希望:

获取第一个元素的当前坐标,或者在匹配元素集中相对于文档设置每个元素的坐标.

但这与文件有关.是否存在相对于视口返回偏移量的等效方法?

javascript jquery position viewport offset

115
推荐指数
4
解决办法
13万
查看次数