草庐IT

viewport-vw

全部标签

ios - 过渡到 iOS 7 : correct viewport setting for jQuery/iPhone Webapps viewed on iPads

我们有一个基本上有一个UIWebView的应用程序,它在XCode中设置为“iPhoneApp”。到目前为止一切正常,但使用iOS7iPad模拟器,应用程序现在立即出现在“全屏”中,这不是问题,但WebView似乎也被放大了。我只看到已加载网站的右上1/4,必须滚动才能看到其余部分。我们在应用程序中使用jQueryMobile1.3.1。编辑我发现了错误。视口(viewport)元元素的语义似乎在iOS版本之间发生了变化。改变到为我工作,但我不确定这是否是自jQueryMobileDemo以来的方式Page确实将with设置为device-with。当我从我的UIWebView加载演示

dart - flutter 中的嵌套 ListViews 给出水平视口(viewport)错误

我试图制作像Netflix这样的图库UI,在垂直ListView中使用水平ListView,但我一直收到视口(viewport)错误并且无法解决。完整代码。classMyAppextendsStatelessWidget{@overrideWidgetbuild(BuildContextcontext){returnMaterialApp(title:'LiveTree',home:Scaffold(appBar:AppBar(title:Text("Netflux"),),body:HomePage(),),);}}classHomePageextendsStatefulWidget

android - Flutter:为什么我会收到 "Vertical viewport was given unbounded height"错误?

我是flutter的新手,下面是我的代码import'package:flutter/material.dart';classHomepageextendsStatelessWidget{@overrideWidgetbuild(BuildContextcontext){//TODO:implementbuildreturnScaffold(appBar:AppBar(title:Text("ChocoFactory"),),body:HomepageUI(),);}}classHomepageUIextendsStatefulWidget{@overrideStatecreateSt

android - 在 Flutter 中获取 'Horizontal viewport was given unbounded height' 错误

我正在尝试将带有水平GridView子级的ExpansionTile放置在容器中。请参阅下面的代码。我收到错误消息“水平视口(viewport)的高度没有限制。”我不想明确指定ExpansionTile或GridView的高度,而是根据Expanded小部件和GridView的子项计算它。我尝试按照建议在GridView中设置“shrinkWrap:true”here没有成功。我还尝试根据thisanswer在Flexible中包装GridView这给了我错误“RenderFlexchildrenhavenon-zeroflexbutincomingheightconstraintsa

jquery - 使用jquery获取没有滚动条的浏览器视口(viewport)的高度和宽度?

如何使用jQuery获取没有滚动条的浏览器视口(viewport)的高度和宽度?到目前为止,这是我尝试过的:varviewportWidth=$("body").innerWidth();varviewportHeight=$("body").innerHeight();此解决方案未考虑浏览器滚动条。 最佳答案 $(window).height();$(window).width();更多信息http://api.jquery.com/height/http://api.jquery.com/width/但是,使用jQuery并不是

jquery - HTML5 Canvas 100% 视口(viewport)宽度高度?

我正在尝试创建一个占据视口(viewport)100%宽度和高度的Canvas元素。你可以在我的例子中看到here这种情况正在发生,但是它在Chrome和FireFox中都添加了滚动条。我怎样才能防止额外的滚动条,并且只提供窗口的宽度和高度正好是Canvas的大小? 最佳答案 为了使Canvas始终全屏显示宽度和高度,这意味着即使在调整浏览器大小时,您也需要在将Canvas大小调整为window.innerHeight和window.innerWidth。示例:http://jsfiddle.net/jaredwilli/qFuDr

javascript - HTML 部分 100% 视口(viewport)高度

这个问题在这里已经有了答案:Howtomakeadiv100%heightofthebrowserwindow?(38个答案)关闭8年前。我正在尝试构建包含第(5)部分的单页网站。我正在尝试使每个部分的宽度和高度为窗口的100%。因此,即使调整窗口大小,部分大小也会随之调整。我听说过JavaScript,但我没有找到任何好的解决方案。有人可以帮我吗?媒体查询是否可行?

javascript - 检查元素是否在视口(viewport)的 30% 到 60% 之间

我正在尝试更改的颜色元素在视口(viewport)的30%到60%之间时。所以我有这样一个并排堆叠的元素网格:我遇到了一些插件,例如Waypoints、ViewportChecker和其他一些插件,但都没什么用。有什么想法吗?我使用的是一个非常简单的结构:JSFIDDLEHTMLCSS:ul{margin:auto;}ulli{width:300px;height:200px;background:#f5f5f5;float:left;margin:10px;}ulli.middleviewport{background:red;} 最佳答案

javascript - Div 相对于视口(viewport)顶部的位置

我想知道如何在Javascript中获取从div到窗口顶部的像素数(或一般测量值)。我不是在寻找与文档相关的偏移量y,只是在浏览器显示位置的顶部。我在这里尝试了“已回答”的解决方案:Isitpossibletogetthepositionofdivwithinthebrowserviewport?Notwithinthedocument.Withinthewindow,但至少在Safari中,我遇到了一个问题,无论div的实际位置如何,它都会返回相同的数字。感谢您的帮助! 最佳答案 现有答案现已过时。getBoundingClien

javascript - HTML5 Canvas 相机/视口(viewport) - 如何实际操作?

我确定这之前已经解决了1000次:我得到了一个大小为960*560的Canvas和一个大小为5000*3000的房间,其中始终只应绘制960*560,具体取决于玩家所在的位置。玩家应该总是在中间,但是当靠近边界时-那么应该计算最佳View)。玩家可以使用WASD或箭头键完全自由地移动。并且所有物体都应该自己移动-而不是我移动除玩家之外的所有其他东西,以创造玩家移动的错觉。我现在找到了这两个问题:HTML5-Creatingaviewportforcanvas有效,但仅适用于此类游戏,我无法为我重现代码。Changingtheview"center"ofanhtml5canvas似乎更有