问题标签 [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 投票
1 回答
883 浏览

r - 将晶格图限制为视口?

我想在现有地块的一个小区域中拟合整个格子图。

给了我这个:

在此处输入图像描述

所以视口被推送。但是,如果再次调用 lattice 函数,它会使用整个设备,就像调用grid.newpage():

有没有办法将晶格图限制在设备上的预定义区域,就像我上面的例子一样?

0 投票
31 回答
384764 浏览

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

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

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

所以基本上,我希望网站检测视口方向,如果方向是Portrait ,然后显示一条警告消息,建议用户最好在横向模式下查看此页面。

0 投票
2 回答
1060 浏览

iphone - iPhone 4 的视口问题

我问了一个问题并收到了关于移动浏览器调整图像大小的答案。

提供的答案适用于内联图像。但是,我也需要使用背景图像作为标题的一部分。它们是通过 css 类设置的。在 android 上,它们在纵向和横向上都可以正确缩放,但在 iPhone 上,它们会在从纵向变为横向时自动放大。这是个问题。我有一个像这样设置的视口标签:

显然,当 iPhone(至少是最新版本)切换到横向模式时,它会重新缩放并放大非常大,而不是仅仅重复背景多次以适应更宽的屏幕。

这是我的代码的样子:

其中类 logoHeader 如下所示:

有任何想法吗?我知道我可以添加视口元的用户可缩放属性,但我们不想阻止用户在必要时手动缩放。我们只是想防止它在手机变成横向模式时自动缩放。

仅供参考:我确实搜索并找到了 thisthis,它们几乎都在问同样的问题。但他们都几个月大了,而且都没有真正解决这个问题,所以我希望有人在此期间想出一些东西。

0 投票
2 回答
361 浏览

html - 将 body 元素设置为始终占据 iPhone 上可视视口宽度和高度的 100%

如何将 body 元素设置为始终占据 iPhone 上可视视口宽度和高度的 100%?我想在可视视口(UIWebView)中垂直和水平地居中元素。

0 投票
1 回答
322 浏览

c# - 精灵位置的移动速度比视口快

昨天我在 XNA 中使用视口做一些事情,但无法弄清楚为什么我使用的精灵在更改位置时比我的视口移动得更快。我有一种感觉,它可能与不同的值类型(int vs. float)有关,但有人愿意详细说明吗?

这是我使用的代码...

0 投票
1 回答
1012 浏览

html - 在手机上查看时页面显得更大?

完成了一个小网页并为其提供了基本布局后,我决定使用移动浏览器测试它的外观。所以我用模拟器安装了Android SDK,结果页面上的几个元素看起来非常小。默认情况下,我估计大约 80% 的页面当前是空白背景。但是,当我放大时,它看起来很棒,因为width:height比例与手机的屏幕相匹配。也就是说,我宁愿保持页面不变,它只需要作为一个整体更大。

有没有办法让我的页面默认放大显示?

0 投票
2 回答
1032 浏览

javascript - 如何获得最大可能的客户端宽度

网页应该适应用户可以拥有的浏览器窗口的最大可能大小。

有没有办法获得浏览器视口的最大可能大小?

我觉得这并不简单,因为用户可以在浏览器中显示或隐藏一些工具栏,这会影响视口大小。

这甚至可能吗?

0 投票
1 回答
539 浏览

java - Java:包裹在 JScrollPane 中的 JEditorPane 的奇怪行为

我正在尝试为我的软件构建一个简单的帮助系统。
由包裹在 JScrollPane 内的 JEditorPane(加载 HTML 文件)构建的帮助系统,在同一窗口内有一个 JLabel。
当用户将鼠标移到特定单词上的 JEditorPane 上时 - JLabel 中会出现更多解释。

我成功了,但问题是,由于某种原因,它只在文本的开头起作用。(HTML文件很长,必须滚动......)
在我向下滚动页面并将鼠标悬停在一个单词上之后,它把我扔了BadLocationException

在下面的代码中有一个 JEditorPane 包装在 JScrollPane 中。
当用户移动鼠标时,它会打印鼠标指向的当前字母。(在帮助系统上,我通过这个位置找到单词的值,并根据它向 JLabel 打印解释)
但是,正如我所说,它仅在文本的开头起作用。
为什么 ?


谢谢

0 投票
2 回答
3888 浏览

java - JScrollPane 在顶部添加 JPanel 并保持当前滚动视图

我有一个包含垂直框的 JScrollPane。我在 Box 顶部插入新的 JPanel。如果我使用滚动条向下滚动,我希望当前视图保持在我向下滚动到的位置。例如,如果我在框中有 50 个面板并使用滚动条查看面板 20,我希望视图保留在框 20 上,即使顶部添加了其他框。此外,如果我使用滚动条向上滚动到顶部,我希望视图在添加新面板时显示它们。知道怎么做吗?

顺便说一句,没有必要使用 JScrollPane 或 Box。示例代码只是为了帮助解释我正在尝试做的事情。

示例代码:

编辑:这就是我最终更改代码的方式。没有看到明显的东西,我觉得有点愚蠢。无论如何,感谢那些帮助过的人。

顺便说一句,我已将此问题交叉发布到http://www.coderanch.com/t/528829/GUI/java/JScrollPane-adding-JPanels-at-top#2398276仅供参考,供那些可能关心的人使用。

0 投票
3 回答
419 浏览

java - 同一个 JTextArea 上的多个视口?

我想做一个组件,它显示 JTextArea 中一组单词的所有匹配项,以及一些上下文(N 行,可能是用户可配置的。)

我已经有了突出显示匹配项的代码,所以我知道它们的偏移量,因此可以确定它们的界限。我知道文本的行高,因此我可以确定要绘制的上下文区域的边界。

但是有像 JViewport 这样的类只能绘制底层组件的多个视图吗?由于 JViewport 是一个普通的 Swing 组件,只要将相同的文本区域放在另一个视口下,它就会与第一个视口分离。

编辑:实际上,事实证明,我似乎无法确定上下文区域的边界,因为 JTextArea 给我的行到偏移映射不计算换行。