草庐IT

Viewport3

全部标签

android - 所有移动浏览器的完整网页和禁用缩放视口(viewport)元标记

我希望我的网页全屏显示并在所有移动设备上禁用缩放。带有元标记:我可以在iPhone/iPad上执行此操作,但在Android设备上,网站放大到大约125%。如果我使用标签我得到相反的结果。因此,它适用于Android,但不适用于iPad/iPhone。 最佳答案 不幸的是,每个浏览器都有自己的视口(viewport)元标记实现。不同的组合适用于不同的浏览器。Android2.2:似乎根本不支持视口(viewport)元标记。Android2.3.x/3.x:通过设置user-scalable=no,您也可以自己禁用视口(viewpo

android - 理解 Android 元视口(viewport)缩放 : What am I missing?

我一直在尝试确定视口(viewport)——以及其中的内容——如何受到用于使用WebView或native浏览器绘制内容的视口(viewport)元标记的影响。我遇到的是一些明显的不一致。我创建了一个带有图像和一些用于显示视口(viewport)大小的javascript的小页面(见下文),以便我可以直观地看到图像的缩放比例以及获得确切的数字。首先,一些观察:没有一个视口(viewport)宽度数字完全符合我的预期,只是关闭。当数字接近设备像素数时,绘图实际上是一对一完成的——或者至少看起来是这样的。如果页面大小(文档大小)低于视口(viewport)大小,则视口(viewport)编

flutter - 在 flutter 中使用 TabBarView 获取 'Horizontal viewport was given unbounded height.'

我正在尝试制作个人资料页面,其中用户信息位于顶部。然后在其下方有一个选项卡View,用于不同的View。这是我目前正在使用的代码,当我将TabBarView取出时,它不会出现错误,如果我将TabBarView包装在Expanded错误RenderFlex子项具有非零flex但传入的高度约束是无界的。出现。@overrideWidgetbuild(BuildContextcontext){returnScaffold(appBar:AppBar(title:Text(''),),body:Column(crossAxisAlignment:CrossAxisAlignment.start

flutter - 垂直视口(viewport)出现无界高度错误

这个问题在这里已经有了答案:Verticalviewportwasgivenunboundedheight(23个回答)关闭2年前.@overrideWidgetbuild(BuildContextcontext){returnColumn(children:[newText("Sometext"),ListView()],);}WidgetListView(){returnListView(padding:EdgeInsets.symmetric(vertical:8.0),children:Item(),);}ListItem(){returnlist.map((item)=>It

javascript - 如何获取元素相对于浏览器视口(viewport)的顶部位置?

我想获取元素相对于浏览器视口(viewport)(显示页面的视口(viewport),而不是整个页面)的位置。这在JavaScript中如何实现?非常感谢 最佳答案 现有答案现已过时。原生getBoundingClientRect()方法已经存在了很长一段时间,并且完全按照问题的要求进行。此外,所有浏览器都支持它(似乎包括IE5!)来自MDNpage:返回值是一个TextRectangle对象,其中包含描述边框的只读left、top、right和bottom属性,以像素为单位,其中左上角相对于左上角视口(viewport)的。你这样

javascript - iOS 8 移除了 "minimal-ui"视口(viewport)属性,还有其他 "soft fullscreen"的解决方案吗?

(这是一个多部分的问题,我会尽力总结场景。)我们目前正在构建一个响应式网络应用(新闻阅读器),它允许用户在选项卡式内容之间滑动,以及在每个选项卡式内容内垂直滚动。解决该问题的常见方法是使用填充浏览器视口(viewport)的包装器div,将overflow设置为hidden或自动,然后在其中水平和/或垂直滚动​​。这种方法很棒,但有一个主要缺点:由于文档的高度与浏览器视口(viewport)完全相同,因此移动浏览器不会隐藏地址栏/导航菜单。。p>有numeroushacksandviewportproperties这使我们能够获得更多的屏幕空间,但没有一个比minimal-ui(在iO

html - 如何在 Mobile Safari 上禁用视口(viewport)缩放?

这三种方法我都试过了,但都无济于事:每一个都是我发现谷歌搜索或SO搜索推荐的不同值,但'user-scalable=X'值似乎都不起作用我还尝试用逗号而不是分号来分隔值,但没有运气。然后我尝试只存在user-scalable值,仍然没有运气。更新从Apple的网站上得到这个,它可以工作:原来问题出在非标准引号,因为我从使用它们的网站复制了元标记,哎呀 最佳答案 编辑:iOS10后可能无法使用,请参阅下面基于touch-action的解决方案。您的代码将属性双引号显示为花哨的双引号。如果您的实际源代码中存在花哨的引号,我猜这就是问题所

javascript - 如何判断 DOM 元素在当前视口(viewport)中是否可见?

有没有一种有效的方法来判断DOM元素(在HTML文档中)当前是否可见(出现在视口(viewport)中)?(问题指的是Firefox。) 最佳答案 现在mostbrowsers支持getBoundingClientRect方法,这已成为最佳实践。使用旧答案非常慢,notaccurate和hasseveralbugs。选择正确的解决方案是almostneverprecise。此解决方案已在InternetExplorer7(及更高版本)、iOS5(及更高版本)Safari、Android2.0(Eclair)及更高版本、BlackBe

javascript - 检测视口(viewport)方向,如果方向是纵向显示警告消息,建议用户使用说明

我正在建立一个专门针对移动设备的网站。特别是有一个页面最好在横向模式下查看。有没有办法检测访问该页面的用户是否以纵向模式查看它,如果是,则显示一条消息,通知用户该页面最好以横向模式查看?如果用户已经在横向模式下查看它,则不会出现任何消​​息。所以基本上,我希望网站检测视口(viewport)方向,如果方向是纵向,然后显示一条警告消息,建议用户最好在横向中查看此页面>模式。 最佳答案 if(window.innerHeight>window.innerWidth){alert("PleaseuseLandscape!");}jQuer

javascript - 检测视口(viewport)方向,如果方向是纵向显示警告消息,建议用户使用说明

我正在建立一个专门针对移动设备的网站。特别是有一个页面最好在横向模式下查看。有没有办法检测访问该页面的用户是否以纵向模式查看它,如果是,则显示一条消息,通知用户该页面最好以横向模式查看?如果用户已经在横向模式下查看它,则不会出现任何消​​息。所以基本上,我希望网站检测视口(viewport)方向,如果方向是纵向,然后显示一条警告消息,建议用户最好在横向中查看此页面>模式。 最佳答案 if(window.innerHeight>window.innerWidth){alert("PleaseuseLandscape!");}jQuer