草庐IT

Viewport

全部标签

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时不允

javascript - 如果用户使用的是 Android,则加载移动 CSS

我的.htaccess文件正在写入一个“智能”cookie。如果我的页面读取此cookie,它将写入一个div。然后,只有当用户使用iPhone或iPod时,我的移动CSS文件才会加载。我的问题是,如果用户使用的是Android,我该如何编辑这段代码(如下)以加载移动CSS文件?这是我的page和代码:if(window.screen.width>640){document.write('')}if((navigator.userAgent.match(/iPhone/i))||(navigator.userAgent.match(/iPod/i))){document.write('

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

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

javascript - Android 浏览器设置元素大小太小

我有一个使用元标记的网站,为body格式化css的Javascript屏幕宽度和高度,以及内部具有基于百分比的宽度的元素。在桌面上,这工作正常。但是,在我的Android手机和平板电脑的浏览器上,内容无法正确缩放-一切都太小了,双击缩放会放大到正确的大小(但不会显示整个页面宽度)。这在纵向和横向模式下都会发生,并且缩放级别看起来相同或至少相似。我有一个警报出现,告诉我javascript将正文宽度和高度格式化为什么,它总是正确的,但浏览器感觉需要加载,就好像窗口的大小实际上更大一样。我知道浏览器会混淆CSS像素和真实像素,但我认为元标记应该可以解决所有这些问题。那么如何让浏览器将页面加

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

android - Zbar 与 Android : Scanner camera viewport remain inactive and black after showing the url in browser

我的项目中需要一个二维码扫描器。我使用ZBar来完成这项任务。主要是我对ZBargit示例给出的示例代码做了非常小的更改来完成这项工作。我需要在浏览器(如果是url)或对话框(如果是正常信息)中显示扫描结果。除了我在浏览器中扫描二维码后尝试显示url之外,下面给出的代码都可以很好地工作。当我从浏览器返回我的应用程序时,相机视口(viewport)变黑并保持不活动状态。我试图让相机恢复Activity状态以扫描另一个二维码,但我失败了。我试图在我的onResume()函数中重新打开相机,但这会导致错误并强制退出应用程序。请帮我解决这个问题。packagecom.myapp;importn