viewport 相关问题

视口是计算机图形中的矩形视图区域,或用于光学组件的术语。它在不同的上下文中有几个定义。视口是屏幕的一个区域,用于显示要显示的总图像的一部分。它也可以是一组共同构成一个布局的区域。

画布图像从桌面到移动设备的像素大小不同

嘿所以我创建了这个网站:http://dst.dstealth.com,以帮助使用html2canvas从HTML div元素自动生成png图像。我的html2canvas初始化为静态宽度n高度。现在......

回答 1 投票 0

在OpenGL中,如何调整正在调整大小的窗口?

我正在绘制几个从窗口高度和宽度键入的形状(例如圆圈)。由于窗口始终以给定大小开始,因此它们被正确绘制,但是当窗口是......时

回答 5 投票 11

在wordpress上定义视口时,页脚会搞乱

尝试使我们的wordpress主题响应,从添加开始 在标题的头部标签内,它有......

回答 1 投票 0

在视口减去导航栏上设置背景图像的大小

你能告诉我,我如何根据视口大小和导航栏的高度来设置背景图像的高度。背景图像应该适合从机器人完整的屏幕,直到导航栏开始。 ...

回答 1 投票 -1

如何在HTML5 / CSS3中将视口锁定为纵向方向

是否可以在移动设备上将视口的方向锁定为纵向?我用Google搜索但无法确切知道该怎么做。

回答 3 投票 3

HTML页面上的表比使用div的宽度要宽得多

我正在创建一个包含文本和表格的简单HTML页面,我希望它能够响应。所以我用过 但我的页面看起来像这样:但我需要它......

回答 1 投票 -1

视口元标记,影响网页的一部分

我有一种情况,我希望页面中出现HTML表格的部分保持初始大小作为桌面视图,而不会受到视口标记的影响。但我想要标题......

回答 1 投票 0

为什么我的视口标签在大多数移动设备上都没有正确使用设备宽度(无缩放)?

更新03/2019:这个Q&A仍然有一些活动,近5年我的问题出现了。请注意,此问题部分是由于旧时移动设备中出现更常见的违规行为。 ...

回答 6 投票 3

延迟进入视口时的加载映射

我正在尝试仅在视口上显示Google地图时加载它。我听说过很多关于“延迟加载”的原则,但我必须承认我是从javascript开始的。我的代码有效......

回答 1 投票 3

iOS - iFrame元视口问题

我遇到了一个iOS ONLY特定的bug,我似乎无法解决这个问题。我目前正在网站上呈现iframe,该网站从我的另一个网站获取内容。 ......

回答 1 投票 0

如何在平移和/或缩放后检查我的Cytoscape.js图形是否超出视图(甚至部分)?

我想检查我的图表是否在视图之外,可能是在平移和/或缩放之后,以便我可以激活Cytoscape导航器。示例:这些是不可见的但这不是:谢谢。

回答 1 投票 2

网页开始在移动设备上放大

我在我的网页上使用此代码 我认为初始比例将确保网页缩小,...

回答 7 投票 32

当一个部分用Vanilla JS触及视口顶部时,如何触发一个函数?

我基本上希望浏览器在用户滚动时触摸视口顶部时触发一个函数,我不确定如何使用Vanilla JS执行此操作。我发现了一些jQuery ......

回答 1 投票 -2

SVG用于打印带刻度

我有一个SVG文件代表我的浏览器中的一个单位,我需要以特定的比例打印输出。我正在使用SVG.js来操纵SVG内容,但我找不到正确的组合......

回答 2 投票 0

Viewport在移动设备上出错并且不需要缩放

我在codepen上为一个项目编写了两个“单页网站”(第二个没有完成,导航需要更多代码才能看起来合适)。看看我的代码没有太大的区别,所以我不......

回答 1 投票 1

视口标记语法

我一直在网上看,我仍然对哪些作品感到困惑而不是。当我使用分号时,我看到chrome上的错误,但iPhone识别它。逗号也没有错误....

回答 1 投票 7

为什么vw包含滚动条作为视口的一部分?

我正在尝试建立一个有很多宽度和高度相同的盒子的网站。例如,我有一个页面,它有两个相同大小的框并排。简单的解决方案是设置宽度......

回答 3 投票 15

为什么手机上有document.documentElement.clientWidth 980px

我试图了解documentElement.clientWidth和window.innerWidth及其在各种设备上的行为。我使用这个http://67.20.67.232/test.html页面进行测试,困扰我的一件事是......

回答 2 投票 2

Android:仅在Exynos设备的四分之一屏幕上绘制OpenGL

问题。我有特定的Android设备的问题。我正在使用原生C ++库在我的应用程序中绘制内容。很长一段时间我使用的解决方案在不同设备上运行良好,直到我收到...

回答 1 投票 1

为什么Galaxy Nexus / Android 4上的视口标签不起作用?

我正在开发一个应该调整到设备可能具有的任何屏幕尺寸的webApp。在iOS和较旧的Android版本上,视口标记工作正常。屏幕上的图片总是调整大小以适应...

回答 3 投票 14

© www.soinside.com 2019 - 2024. All rights reserved.