草庐IT

viewport-vw

全部标签

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

uniapp开发微信小程序/h5完整流程,含vant/uview(h5适配vw)

theme:smartbluehighlight:dark创建项目创建后的项目此处插入一个坑亦可以使用uniappvue-cli创建项目vuecreate-pdcloudio/uni-preset-vuemy-project使用vue3/vite创建项目(如命令行创建失败,请直接访问gitee下载模板)npxdegitdcloudio/uni-preset-vue#vitemy-vue3-project创建后的目录如下(uview框架不支持vue3)运行项目使用yarndev:mp-weixin打开小程序开发工具引入打包后的dist包下weixin包即可在开发工具中使用,打包发布同样Hubil

uniapp开发微信小程序/h5完整流程,含vant/uview(h5适配vw)

theme:smartbluehighlight:dark创建项目创建后的项目此处插入一个坑亦可以使用uniappvue-cli创建项目vuecreate-pdcloudio/uni-preset-vuemy-project使用vue3/vite创建项目(如命令行创建失败,请直接访问gitee下载模板)npxdegitdcloudio/uni-preset-vue#vitemy-vue3-project创建后的目录如下(uview框架不支持vue3)运行项目使用yarndev:mp-weixin打开小程序开发工具引入打包后的dist包下weixin包即可在开发工具中使用,打包发布同样Hubil

javascript - 如何获取浏览器视口(viewport)尺寸?

我想让我的访问者能够看到高质量的图像,有什么方法可以检测窗口大小?或者更好的是,JavaScript浏览器的视口(viewport)大小?在此处查看绿色区域: 最佳答案 跨浏览器@media(width)和@media(height)值(value)观constvw=Math.max(document.documentElement.clientWidth||0,window.innerWidth||0)constvh=Math.max(document.documentElement.clientHeight||0,window.