草庐IT

Viewport

全部标签

javascript - 当 'user-scalable' 设置为 yes 时检测双指缩放

当metaname="viewport"设置为user-scalable=yes时,如何检测缩放的缩放比例(或缩放距离)?我已经在Android上测试过,但如果metaname="viewport"设置为user-scalable=yes,则无法检测到双指缩放。如果metaname="viewport"设置为user-scalable=no则可以检测到缩放,但我无法放大文档。这是我在jsFiddle上的测试:锤子.js:http://jsfiddle.net/pE42S/varpziW="test";varviewport_width=$(window).innerWidth();va

android - 如何在没有整页刷新的情况下重置视口(viewport)缩放?

我有一个网页,其视口(viewport)元标记的“用户可缩放”属性设置为true(Safarireference、Androidreference)。因此,使用可识别该属性的浏览器(例如MobileSafari、Android浏览器)的用户可以通过捏合来缩放页面。但是,有一个链接使用AJAX刷新大部分页面,但不执行完整页面刷新。我想使用JavaScript将视口(viewport)缩放重置为初始值。但我不知道该怎么做。唯一的解决方案似乎是刷新整个页面。有人知道更好的方法吗?谢谢。 最佳答案 使用jQuery设置视口(viewport

android - 为什么我的字体大小在 android webview 对象中看起来比在 android 浏览器中查看时大得多?

我正在尝试制作一个微型android应用程序,它们除了在webview对象中显示网站而不是浏览器外什么都不做,到目前为止它加载了目标网页但文本和图像大小都比当在实际设备浏览器中查看页面。在浏览器中,页面看起来正确,但在我的应用程序中却不正确。在我的桌面chrome中检查页面会发现css使用的字体大小为6em,如果这对您有帮助的话。当我包含一个视口(viewport)元标记时,它不会对我的应用程序执行任何操作,但会导致浏览器呈现页面更接近于webview对象的方式:东西看起来太大了。是否有快速修复(例如视口(viewport)标记设置或webview对象或websettings对象上的a

android - 渲染移动端 chrome 和 android 原生浏览器的差异

在我的智能手机上测试我的桌面(无响应)网站时,我注意到在chrome(34.01847.114)和nativeAndroid浏览器(4.3)中呈现网站时存在差异。在Chrome中,页面呈现时没有按我想要的缩放。在native浏览器中,分页被放大。我不使用任何viewprt-tag。当我将视口(viewport)标签设置为chrome的行为类似于native浏览器和缩放。所以我不想要任何缩放,我希望网站以全分辨率呈现。 最佳答案 要防止缩放,您应该使用:希望对您有所帮助:) 关于andro

Android 默认浏览器为响应式设计创建水平滚动条

Android的默认浏览器,显示我的站点更宽并创建水平滚动条。这里是问题的屏幕截图:(Chrome与默认浏览器)我的视口(viewport)是:我该怎么办? 最佳答案 不幸的是,Lollipop之前的设备上的Android默认浏览器不支持CSS3calc()功能。假设您的搜索输入具有类.search-box考虑到屏幕截图,您的CSS可能包含与此类似的内容:.search-box{...width:calc(100%-100px);...}...其中100px是搜索按钮的宽度。为了解决这个问题,您需要在上面的声明前加上一个Androi

android - 视口(viewport)元标记不起作用 phonegap

Viewport元标记不适用于phonegap构建。内容和屏幕之间有空白。我使用的元标记是:它看起来像这样并且是可滚动的:但是没有任何滚动条应该是这样的: 最佳答案 试试这个- 关于android-视口(viewport)元标记不起作用phonegap,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/20971061/

Android OpenGL 3D采摘

我使用的是AndroidOpenGL-ES2.0,在它带来的所有限制之后,我不知道如何将2D屏幕触摸到我拥有的3D点。我得不到正确的结果。我正在尝试将光线射入点云,然后我可以比较我的点与光线的距离,找到最近的点。publicclassOpenGLRendererextendsActivityimplementsGLSurfaceView.Renderer{publicPointCloudptCloud;MatrixGrabbermg=newMatrixGrabber();...publicvoidonDrawFrame(GL10gl){gl.glDisable(GL10.GL_COLO

android - 正常方向移动设备上的视口(viewport)问题

关闭。这个问题需要debuggingdetails.它目前不接受答案。编辑问题以包含desiredbehavior,aspecificproblemorerror,andtheshortestcodenecessarytoreproducetheproblem.这将有助于其他人回答问题。关闭7年前。Improvethisquestion移动设备的垂直方向存在视口(viewport)问题。如您所见,在页脚下方,有一个填充屏幕的空白区域。如果我将方向设置为水平方向,视口(viewport)工作正常,平板电脑也一样,桌面等。这个问题只存在于移动设备的垂直方向上。有什么办法可以解决这个问题吗?

Android WebView 视口(viewport)

对于下面的html,我预计绿色矩形只会占据屏幕的一半,但实际上它占据了整个屏幕宽度。我尝试了视口(viewport)宽度的其他值,但没有成功。知道为什么它不起作用吗?HTML300px600pxXML 最佳答案 我有同样的问题并找到了答案!在您的情况下,您需要:WebSettingssettings=webView.getSettings();settings.setUseWideViewPort(true);settings.setLoadWithOverviewMode(true);

android - 在 Android Webview 中使用元视口(viewport)宽度

我想使用viewport标签将html内容放入WebView。这似乎在Chrome浏览器中运行良好,但无法缩放以适应WebView。我做了一个简化的测试Activity:publicclassMyActivityextendsActivity{@OverridepublicvoidonCreate(BundlesavedInstanceState){super.onCreate(savedInstanceState);//--------------------------------------------------//Createasimplehtmlpageincludingv