草庐IT

Viewport3

全部标签

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

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

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

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

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

android - 三星更新后的错误 |单人游戏 |将 viewport.height 检测为设备宽度

更新此问题也已在以下内容中讨论:https://github.com/mono/MonoGame/issues/2492问题是如果应用程序只允许在横向运行,而不是当你使用纵向或两者都运行时。有一个用monogame编码的安卓游戏,我有一个GraphicsDeviceManager设置为FullScreen=true。我使用GraphicsDevice.Viewport.Height和GraphicsDevice.Viewport.Width来确定设备的分辨率。在我获得三星更新并且不得不关闭FastDev之前,这一直非常有效。神秘的大问题:当我用pc调试时,viewport的高度和宽度设

android - 将元素(尤其是右上角)固定到 chrome mobile 中的视觉视口(viewport),内容非常广泛?

有没有办法将元素(尤其是右上角)固定到chromemobile中的视觉视口(viewport)?我们想要显示网站访问者可以放大和缩小的非常大的图像。观众需要能够看到整个画面,然后瞄准小区域进行检查。我们将加载比可用屏幕宽得多的图像。比如说从1500到6000像素宽。除了上面的内容,我们还需要在左上角和右上角固定导航元素。在Webkit/Safari上我们得到了我们想要的行为。Chrome/Android移动版(初始加载):Chrome/Android移动设备(一直缩小):移动设备上的Chrome似乎想要将屏幕右上角的div固定到布局视口(viewport)。也就是说,绿色的固定右上角的

javascript - 如何使用 Javascript 找到虚拟视口(viewport)/屏幕宽度?

是否有一致的方法来确定使用Javascript的移动设备的屏幕宽度和虚拟视口(viewport)?我的目标平台是移动版Safari和Android的标准浏览器,但我也在Android上使用其他浏览器进行测试。我试过screen.width,window.innerWidth,document.getElementByTagName("body")[0].clientWidth,和jQuery的$(window).width()。MobileSafari(来自ios3.1.3(7E​​18),原始iPodtouch)显示有用的值,但普通的Android浏览器(Android2.3.7)没

移动端适配 rem、postcss-pxtorem、postcss-px-to-viewport、vw vh

背景移动端设计稿一般是750px,如果没有用taro或者uniapp这类的框架,就需要自己来进行css的适配。方案一、Remrem是相对于根元素html字体大小的一个css单位,默认情况下html的font-size=16px,所以1rem=16px。可以动态设置html的字体大小,比如设置html的font-size=100px,那么1rem=100px。重点就是动态设置html字体大小。第一步先在html的head标签中加一个meat标签metaname="viewport"content="width=device-width,initial-scale=1,maximum-scale=