草庐IT

Viewport

全部标签

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

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

android - 如何在 Android 上禁用 Chrome 中的缩放功能?

试图阻止在Android上的Chrome中缩放页面,但它不想表现。我正在使用下面的代码,它在iOS上的普通Android浏览器和Safari上运行良好。有什么想法吗? 最佳答案 尝试将minimum-scale=1添加到您的viewport元标记中-如果这没有帮助,可能是ChromeforAndroid不支持禁用缩放(例如,HTC的专有浏览器有意不允许您禁用缩放功能)更新:我刚刚检查过,看起来Chrome确实支持禁用缩放,但是您的代码中有两个视口(viewport)标签?第二个可能会覆盖第一个。删除第二个。查看mobilebrows

android - 如何在 Android 上禁用 Chrome 中的缩放功能?

试图阻止在Android上的Chrome中缩放页面,但它不想表现。我正在使用下面的代码,它在iOS上的普通Android浏览器和Safari上运行良好。有什么想法吗? 最佳答案 尝试将minimum-scale=1添加到您的viewport元标记中-如果这没有帮助,可能是ChromeforAndroid不支持禁用缩放(例如,HTC的专有浏览器有意不允许您禁用缩放功能)更新:我刚刚检查过,看起来Chrome确实支持禁用缩放,但是您的代码中有两个视口(viewport)标签?第二个可能会覆盖第一个。删除第二个。查看mobilebrows

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

jquery $(window).width() 和 $(window).height() 在未调整视口(viewport)大小时返回不同的值

我正在使用jquery编写一个站点,该站点重复调用$(window).width()和$(window).height()来根据元素定位和调整大小在视口(viewport)大小上。在故障排除中,我发现当视口(viewport)未调整大小时,重复调用上述jquery函数时,我得到的视口(viewport)大小报告略有不同。想知道是否有任何特殊情况有人知道这种情况何时发生,或者这是否就是这样。看起来,报告的尺寸差异为20像素或更小。它发生在MacOSX10.6.2上的Safari4.0.4、Firefox3.6.2和Chrome5.0.342.7beta中。我还没有测试其他浏览器,因为它似