草庐IT

viewport-vw

全部标签

html - iOS 9.x 中嵌入式 Facebook 浏览器的视口(viewport)/页面高度错误

打开demo时来自core-layout的申请使用iOS9.x上的Facebook应用程序中的嵌入式浏览器(至少),当设备处于纵向模式时,页脚元素不可见。如果将设备旋转到横向模式,页脚将部分可见。但是,页脚(带有按钮)应该完全可见。第一张图片展示了演示应用程序应该的外观,而第二张图片展示了在使用Facebook应用程序的嵌入式WebView查看时,演示应用程序如何缺少页脚(图片是从Chrome桌面浏览器说明了错误是如何表现的):在测试了许多不同的假设后,我们得出结论,该错误是由浏览器使页面/视口(viewport)高于可见区域引起的。这个错误似乎与iOS9Safariviewporti

方向更改后的 javascript 最大视口(viewport)高度 Android 和 iOS

目标:找到设备的最大视口(viewport)高度,包括地址栏的空间,以便我们可以动态调整最小主体的大小并将我们的内容向上推。问题:移动浏览器以不同方式处理方向状态,并以不同方式根据方向更改更新DOM属性。DetectrotationofAndroidphoneinthebrowserwithJavaScript对于Android手机,screen.width或screen.height也会随着设备旋转而更新。|==============================================================================||Device|Ev

方向更改后的 javascript 最大视口(viewport)高度 Android 和 iOS

目标:找到设备的最大视口(viewport)高度,包括地址栏的空间,以便我们可以动态调整最小主体的大小并将我们的内容向上推。问题:移动浏览器以不同方式处理方向状态,并以不同方式根据方向更改更新DOM属性。DetectrotationofAndroidphoneinthebrowserwithJavaScript对于Android手机,screen.width或screen.height也会随着设备旋转而更新。|==============================================================================||Device|Ev

ios - iPhone6 和 iPhone 6 Plus 的设备宽度 css 视口(viewport)尺寸是多少

iPhone6和iPhone6Plus刚刚发布。但像往常一样,手机规范从未在width=device-width,initial-scale=1处以CSS像素或DPR给出元视口(viewport)device-width大小。Predictions已经制作,推测视口(viewport)宽度为375/414px,但仍不清楚...注意:请不要用已知的整体设备分辨率或规范来推测或发布答案,这不是我要找的。我想要默认的响应式纵向和横向视口(viewport)宽度(以像素为单位)。 最佳答案 下面是带有详细信息的ios设备大小Referenc

ios - iPhone6 和 iPhone 6 Plus 的设备宽度 css 视口(viewport)尺寸是多少

iPhone6和iPhone6Plus刚刚发布。但像往常一样,手机规范从未在width=device-width,initial-scale=1处以CSS像素或DPR给出元视口(viewport)device-width大小。Predictions已经制作,推测视口(viewport)宽度为375/414px,但仍不清楚...注意:请不要用已知的整体设备分辨率或规范来推测或发布答案,这不是我要找的。我想要默认的响应式纵向和横向视口(viewport)宽度(以像素为单位)。 最佳答案 下面是带有详细信息的ios设备大小Referenc

Flutter Vertical viewport 被赋予无限高度

我需要构建一个基于日期选择的动态ListView,然后我将调用一个API来获取数据并相应地填充列表。然后在ListView本身的最后我有一个向下按钮,我按下它应该打开一个扩展面板。所以为了做一个列表,我调用一个函数WidgetbuildDynamicList(BuildContextcontext)来根据新数据动态填充新列表.我收到此错误。I/flutter(3438):ThefollowingassertionwasthrownduringperformResize():I/flutter(3438):Verticalviewportwasgivenunboundedheight.I

Flutter Vertical viewport 被赋予无限高度

我需要构建一个基于日期选择的动态ListView,然后我将调用一个API来获取数据并相应地填充列表。然后在ListView本身的最后我有一个向下按钮,我按下它应该打开一个扩展面板。所以为了做一个列表,我调用一个函数WidgetbuildDynamicList(BuildContextcontext)来根据新数据动态填充新列表.我收到此错误。I/flutter(3438):ThefollowingassertionwasthrownduringperformResize():I/flutter(3438):Verticalviewportwasgivenunboundedheight.I

dart - 给出水平视口(viewport)的 PageView.builder 被赋予无限高度错误

我是Flutter的新手,我正在尝试学习如何创建View。我尝试创建一个单独的View文件或小部件(如果它在flutter中是这样称呼的话),然后从main.dart中调用它。我有一个包含此代码的单独小部件classPageEntryWidgetMainextendsStatefulWidget{finalPageViewEntryMainpageViewEntryMain;constPageEntryWidgetMain({Keykey,this.pageViewEntryMain}):super(key:key);@overrideStatecreateState(){return

dart - 给出水平视口(viewport)的 PageView.builder 被赋予无限高度错误

我是Flutter的新手,我正在尝试学习如何创建View。我尝试创建一个单独的View文件或小部件(如果它在flutter中是这样称呼的话),然后从main.dart中调用它。我有一个包含此代码的单独小部件classPageEntryWidgetMainextendsStatefulWidget{finalPageViewEntryMainpageViewEntryMain;constPageEntryWidgetMain({Keykey,this.pageViewEntryMain}):super(key:key);@overrideStatecreateState(){return

css 100vw、100vh出现滚动条怎么解决

要搞清楚这个问题首先要知道这两个单位(vw、vh)是什么意思。vw(vh)是相对于浏览器的视口宽度(高度)的,100vh等于浏览器的视口宽度,设置vw和vh会在视口发生变化时重新计算宽度和高度。那么问题来了,什么是浏览器的视口,来看下面一张图:上面这张图中,红色线条框起来的区域才是浏览器的视口,不是整个浏览器可视区域,也不是这个绿色背景覆盖的区域。知道这些以后,我们给一个盒子设置100vw和100vh应该是让这个盒子刚好覆盖浏览器视口。那么为什么会出现横向和纵向的滚动条呢?上面这张图的代码如下:Document.box{width:100vw;height:100vh;background:g