草庐IT

viewport-vw

全部标签

android 键盘显示后 jQuery 移动页脚或视口(viewport)大小错误

我在使用jquery移动web应用程序时遇到以下问题。我的jquery应用程序有一个固定的页脚,但是当android键盘打开时(即当单击浏览器栏并手动重新加载页面时),视口(viewport)似乎只是从顶部(浏览器栏下方)向下到键盘的上边缘。然后页面重新加载,视口(viewport)的高度保持这个大小,所以当键盘再次隐藏时它太小了。如何在键盘再次隐藏时强制调整大小?非常感谢您的帮助。 最佳答案 尝试将此元标记放入标题中。它可能会解决您的问题: 关于android键盘显示后jQuery移动

android - 如何设置视口(viewport)颜色

我正在android中开发opengl。谁能告诉我如何设置视口(viewport)的背景颜色(而不是整个屏幕)。我的应用程序中有2个视口(viewport),我想为2个视口(viewport)设置不同的颜色。 最佳答案 如果glClear影响整个帧缓冲区,而不仅仅是当前视口(viewport)(对此不确定),那么您还可以使用剪刀测试:glScissor(x,y,w,h);glEnable(GL_SCISSOR_TEST);glClearColor(r,g,b,a);glClear(GL_COLOR_BUFFER_BIT);我很确定剪

android - jquery mobile - Android 手机上的视口(viewport)值

我是JqueryMobile的新手,我真的不明白如何设置视口(viewport)值以正确呈现图像。这是我的测试步骤:我准备了一张480x432的图片。我写了一个这样的测试页:HomesettingsHelloworld.$("#bl1").click(function(){varpageWidth=$(document).width();varpageHeight=$(document).height();varviewportWidth=$(window).width();varviewportHeight=$(window).height();$("#bld").html("Pag

html - 当定义视口(viewport)元标记时,Android 浏览器在 Ajax 调用时崩溃

我正在构建一个旨在在Android浏览器上运行的网络应用。当我的网页包含任何类型的视口(viewport)元标记时,如下所示:我的网页因ajax调用而崩溃。当使用模拟器、我的nexusone上的实际浏览器和机器人(都运行Android2.1)时,就会发生这种情况。没有元标记,ajax调用将按预期运行。有什么想法吗? 最佳答案 您可以尝试使用以下元标记。我已经成功地使用了这两个元标记,并且AJAX调用在NexusOne上对我有用。 关于html-当定义视口(viewport)元标记时,An

android - Meta viewport 标签 user scalable=no ignored in Android 6.0+, Chrome version 53?

我创建了一个响应式网站,它应该根据窗口大小进行缩放。该网站提供了一个绘图应用程序(带鼠标/手指),它有自己的缩放库,所以我不想让用户使用经典的“捏”来缩放页面,因为这会弄乱我的库并创建一个偏移量。所以我添加了元视口(viewport)标签:不应允许用户通过捏合来缩放。但确实如此。Androidv6.01、Chromev.53完全忽略了user-scalable=no而在Firefoxv.48上它按预期工作(或者至少按我认为的那样工作)。无法在Safari上进行测试,因为我手边没有iOS设备。后期编辑:Androidv6.01、Chromev.52在user-scalable=no时不允

android - 移动视口(viewport)尺寸是否大于屏幕尺寸?

我在谷歌上搜索了移动视口(viewport),我发现它是一个虚拟窗口,大多数移动浏览器都在其中呈现页面。视口(viewport)比屏幕宽。here和here但是当我在网上搜索我的sonyxperiasp手机视口(viewport)尺寸时,Thissite告诉我我的视口(viewport)大小是360px,这比我的屏幕分辨率宽度(720px)(1280*720px)小太多了。我有点困惑,谁能简单解释一下这是怎么回事? 最佳答案 基本上,现代屏幕的每英寸像素分辨率比传统桌面显示器高得多。但是,它们不是在屏幕上显示两倍的信息,而是以两倍的

android - Android 默认浏览器的视口(viewport)元

我正在尝试在android的网页中显示图像(320x480px)。我正在尝试配置视口(viewport)元,因为我想要全屏显示图像。实际上我只是像那样配置了视口(viewport)它运行完美,除了android默认浏览器。我试过Chrome、Opera和Firefox,它们都能正确显示图像。关于这篇文章Fullwebpageanddisabledzoomviewportmetatagforallmobilebrowsers我尝试以这种方式配置它但没有成功:或您知道如何正确配置视口(viewport)吗?谢谢 最佳答案 用户可缩放-控

android - 使用 OpenGL ES 的任何分辨率的视口(viewport)边界

我在理解OpenGL透视图时遇到困难。我已经阅读了大量信息,但是它并没有帮助我实现我所追求的目标。这确保我的3d场景在每台Android设备上填满整个屏幕。为了对此进行测试,我将在3d空间中绘制一个四边形,它最终应该触及每个角落,填满整个设备的屏幕。然后我可以使用这个四边形,或者实际上它的坐标来指定一个特定Z距离的边界框,我可以用它来放置我的几何体并确保它们填满我的屏幕。当屏幕调整大小时,或者我要在另一个屏幕分辨率上运行它,我会重新计算这个边界框和几何图形。我不是在谈论静态几何,而是说我想用球填满屏幕,球有多大或有多少并不重要,唯一重要的是屏幕被填满并且没有多余的可见平截头体之外的球。

android - 视口(viewport)高度在键盘打开android上改变

我正在使用Cordova开发混合应用程序。我已经使用vh和vw来布置我的设计并调整所有内容的大小,因此屏幕尺寸的细微差别都能正常工作。我的问题是,在Android上,当键盘打开时,vh的值从全屏变为键盘上方仍然可见的屏幕部分。这不会发生在iOS上。关于如何解决这个问题的任何想法?我应该完全改变我的布局策略以在css中使用另一种类型的维度吗?我应该弄清楚屏幕尺寸,然后用js设置所有高度(这看起来很糟糕)?任何有关最佳实践的帮助都会很棒。谢谢,斯科特 最佳答案 @mediascreenand(min-aspect-ratio:1/1){

android - 如何在 Android 上使用视口(viewport)标记管理

我还没有找到关于如何在Android上使用此技术的任何完整解释,所以我决定创建一个问答线程。如果您的应用程序必须在谷歌地图上显示大量标记并且将它们聚集在一起不足以防止您的应用程序运行太慢,那么您最好的选择之一就是使用这种视口(viewport)标记管理技术。您可以在这里阅读理论解释:https://developers.google.com/maps/articles/toomanymarkers我在下面写了一个简短的指南... 最佳答案 1°---在创建map的Activity中,您必须设置OnCameraChangeListen