问题标签 [viewport]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
7 回答
287761 浏览

jquery - HTML5 Canvas 100% 宽度视口高度?

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

您可以在我的示例中看到这种情况正在发生,但是它在 Chrome 和 FireFox 中都添加了滚动条。如何防止额外的滚动条,只提供窗口的宽度和高度作为画布的大小?

0 投票
2 回答
472 浏览

javascript - 使用在 Opera 浏览器中运行的 Javascript 调整图像大小

我希望有人可以帮助解决我在使用 Opera 浏览器时遇到的这个古怪问题,我安装了 11 Beta 版,但我怀疑这是 Opera 中的一个常见问题。

有问题的网站和页面是http://www.amigaos.net/index.html

在 html 正文的底部,我有以下代码,根据页面加载时视口的宽度调整您在此网页上看到的 3 张图像的大小。在 Safari 和 FireFox 中,代码运行良好,但在 Opera 中,涉及调整图像宽度和高度大小的以下行不起作用:

这是完整的代码(对不起,关于布局,stackoverflow 没有正确格式化回车)

0 投票
10 回答
117664 浏览

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

:vsplit(简称:vs:)垂直分割 Vim 视口。:30vs拆分视口,使新窗口宽 30 个字符。一旦创建了这个 30 字符的窗口,如何将它的大小更改为 31 或 29?

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

0 投票
17 回答
578545 浏览

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

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

每个都是我发现谷歌搜索或 SO 搜索推荐的不同值,但“ user-scalable=X ”值似乎都不起作用

我还尝试用逗号而不是分号来分隔值,但运气不好。然后我尝试只user-scalable存在价值,仍然没有运气。


更新

从 Apple 的网站上得到了这个,它可以工作:

事实证明,问题出在非标准引号,因为我从使用它们的网站复制了元标记,哎呀

0 投票
2 回答
328 浏览

opengl - 我在哪里可以调用 gluUnproject?

这是一个非常简单的问题。

我在哪里可以调用 gluUnproject?我需要某种当前的 openGL 上下文吗?

我在这里查找了函数,但这并不能告诉我是否有任何先决条件。

我想做这个:

在我的服务器节点上,而不必将其传递给我的渲染节点,并让它们返回结果。服务器没有 openGL 上下文。我还能打电话给 gluUnproject 吗?

0 投票
1 回答
1305 浏览

javascript - 有没有办法在 ipad 上锁定 safari 中的水平滚动?

有人知道是否有办法使用 javascript/css/html 在 ipad 上的 safari 中锁定水平滚动?

我有以下元标记以尝试修复视口

任何帮助,将不胜感激!

0 投票
2 回答
13493 浏览

android - Android WebView 视口

对于下面的 html,我预计绿色矩形只会占据屏幕的一半,但实际上它占据了整个屏幕宽度。我尝试了视口宽度的其他值,但没有运气。任何想法为什么它不起作用?

html

xml

0 投票
3 回答
6014 浏览

html - 让 CSS 媒体查询使用 html 文档的 em 大小而不是浏览器?

我正在尝试使用媒体查询根据窗口的宽度更改块中元素的宽度(这允许我增加页面上的列数而不改变列的宽度)。我希望能够使用 em 而不是像素来做到这一点,这样如果您更改字体大小,一切都会看起来正确。但是,如果我使用以下内容:

当窗口的最小宽度达到 42 * 16px,我的浏览器(Safari)的默认字体大小时,将触发媒体查询,而 div#page 的宽度将为 42 * 12px,继承自 html 元素的字体大小. 我真的很希望根据我正在使用的文本的宽度触发媒体查询,有没有办法让它工作?

0 投票
1 回答
5435 浏览

iphone - 移动网站:方向从纵向更改为横向

我正在为 iPhone 和 Android 浏览器开发一个移动网站。

当我在玩 Iphone 4 和 HTC Desire 时,我发现这两种设备对方向变化的反应不同。如果我以纵向模式加载网站,然后将设备旋转到横向模式,Iphone 会使用相同的宽度(320 像素)放大到更接近内容的位置。对于 Android 设备,如果我旋转它,视口似乎会发生变化,因此不会进行任何缩放(宽度 > 320 像素),而是网站变得更宽。

我当前的视口(我已经尝试设置 320px 的固定宽度):

现在我的问题是:有没有办法让 Android Webkit 浏览器像 iPhone 一样在方向从纵向变为横向时“放大”?

非常感谢您!

安德鲁

0 投票
1 回答
725 浏览

winapi - win32中如何更改窗口的视口?

我有一个窗口,里面有子窗口。子窗口占用大约 1000 像素的垂直空间。然而,我们的用户并不总是有 1000 像素的可用垂直空间——他们可能只有 500 或 600 像素。

我希望能够以 500 像素高的大小显示此窗口,并让用户上下“滚动”窗口以查看全部内容。窗口应始终为 500 像素高,但其中的视图应更改。

假设我可以在某处添加滚动条,以便用户可以选择他想查看的窗口部分。Windows 通常会从高度 0 到高度 500 绘制窗口内容;例如,我如何告诉它“从 250 高度绘画到 750 高度”?

我知道我可以使用诸如SetViewportOrgExetc 之类的功能设置视口,但这些功能需要设备上下文 - 如果我希望它们是“永久的”,我应该什么时候调用它们?当我从 Windows 收到 WM_PAINT 消息时,我会打电话给他们吗?还是在其他时间?我想使用该系列的哪些功能?

编辑添加:我不想实际更改子窗口的位置 - 它们应该保持在相同的位置,唯一应该改变的是进入窗口的视图。

谢谢。