草庐IT

viewport-vw

全部标签

ios - 如何居中对齐 iphone 的最大视口(viewport)缩放

当我设置最大比例并来回旋转方向时,网页未在手机上居中。所以使用这段代码如何模仿margin:0auto;的CSS效果。 最佳答案 对于从Google来到这里的人,您还应该查看Apple[1]上的以下页面。viewport标签很有用。[1]:http://developer.apple.com/library/IOS/#documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html使用ViewPort

javascript - iOS 通过 Javascript 触摸设备的视口(viewport) x/y 坐标

我目前正在为iPhone开发一个网页,其中包含一个用户可以触摸和拖动的DIV元素。此外,当用户将元素拖动到设备屏幕的顶部或底部时,我希望自动向上或向下滚动页面。我遇到的问题是试图确定一个可靠的公式来获取onTouchMove事件中的坐标,该坐标与用户的手指到达设备视口(viewport)的顶部或底部共同响应。我目前的公式似乎很乏味,我觉得可能有更简单的方法来做到这一点。我当前判断触摸事件是否到达屏幕底部的公式:functiononTouchMoveHandler(e){varorientation=parent.window.orientation;varlandscape=(orie

ios - 从 mapView 获取视口(viewport)坐标? regionDidChanged swift

当用户移动map时调用以下函数。可以获取视口(viewport)吗?视口(viewport)是北/东和纬度的纬度和经度。和隆。南/西。funcmapView(mapView:MKMapView,regionDidChangeAnimatedanimated:Bool){print("The\(mapView.centerCoordinate)")print("themaprect\(mapView.visibleMapRect.origin)")print("themaprect\(mapView.visibleMapRect.size)")//Ifindjustthisattribu

java - 仅当适合视口(viewport)时才启用 JTable 的自动调整大小

我需要在JScrollPane中创建一个具有可调整列大小的JTable(当用户增加列宽时-出现水平滚动条)。为此,我使用了table.setAutoResizeMode(JTable.AUTO_RESIZE_OFF);。此外,当视口(viewport)足够宽以包含整个表格时-列应拉伸(stretch)以填充视口(viewport)宽度。为此,我重写了JTable类的getScrollableTracksViewportWidth()方法,如下所示:@OverridepublicbooleangetScrollableTracksViewportWidth(){returngetPref

python - Plotly 图形组件无法接受视口(viewport)单位来设置文本注释字体大小

我正在使用Plotly-Dash,并且需要我的文本注释的字体大小随视口(viewport)宽度缩放,就像我的图表一样。对于布局中的各种标题,我可以直接设置font-size:'1vw',但是vw不是设置font-的可接受单位dcc.Graph组件的style属性的大小。这是相关的回溯:ValueError:Invalidelement(s)receivedforthe'size'propertyofscatter.textfontInvalidelementsinclude:['1vw','1vw','1vw','1vw','1vw','1vw','1vw','1vw','1vw','

em,rem,px,rpx,vw,vh的区别与使用

在css中单位长度用的最多的是px、em、rem,这三个的区别是:一、px是固定的像素,一旦设置了就无法因为适应页面大小而改变。二、em和rem相对于px更具有灵活性,他们是相对长度单位,意思是长度不是定死了的,更适用于响应式布局。rem是CSS3新增的一个相对单位(rootem,根em)三、em是相对于其父元素的字体大小来设置的,一般都是以的“font-size”为基准。这样就会存在一个问题,如果我想对某个特定的元素的进行字体大小设置,那么他所有的子元素都会以他为基础,就会导致整个页面内元素所占比例与UI定稿不一样。而rem是相对于html根元素的“font-size”为基准,这样就意味着,

html - 使div成为视口(viewport)的高度

我正在设计一个网站,我希望顶部像这样成为视口(viewport)的高度website.我该怎么做?无论我使用什么显示器,底部总是位于屏幕底部?谢谢 最佳答案 我知道这是一个老问题,但您也可以使用vh(视口(viewport)高度)单位。所有现代桌面浏览器都支持它,在移动设备上它可能会产生一些问题,因此使用媒体查询解决它。div{height:100vh;}表示视口(viewport)高度的100%。Here是指定相对长度单位的W3C草案,在您使用其中任何一个之前,请检查InternetExplorer支持,因为它不支持每个单位。

html - 视口(viewport)忽略自定义宽度

我正在玩弄视口(viewport)并尝试将宽度设置为520,但它似乎改为使用设备宽度。有什么想法吗?h1{width:980px;border:1pxsolidred;}h2{width:520px;border:1pxsolidgreen;}h3{width:320px;border:1pxsolidgreen;}Iamabigheading980pxwide.YesIamIamabigheading520pxwide.YesIamIamabigheading320wide.YesIam 最佳答案 对于设置初始或最大比例的页面,这

php - 移动设备中 100% 视口(viewport)宽度的问题?

我的2个移动页面未达到100%宽度,您可以看到here.我有在我的代码中,我尝试了它的各种变体。问题可能出在我的pages.php上文件,因为其余页面都是自定义模板?这是我的page.php代码:CSS:#content{margin:0auto;max-width:51em;background:none;float:none;margin:0auto;padding:0;}#primary{width:100%;}我不知道我是否遗漏了与wordpress相关的内容,或者弄乱了我的代码(我是编码初学者),或者是什么。很困惑,因为我的其他页面工作正常,但我在代码中看不到任何导致它变窄的

javascript - 页眉/内容/页脚布局,可滚动内容和页脚固定到视口(viewport)底部

这个问题有很多准重复,我知道:webpagetemplatewherecontenttakesfullheightofviewportifhas1lineminusfooter是一个,但这不是我想要的;有一个很搞笑的问题:HowtocreateanHTMLCSSPagewithHeader,FooterandContent我认为,这主要描述了我想要的东西,但不幸的是,它有些语无伦次,并且没有真正的答案。我找到了很多帮助做我自己可能想出的事情,但我不想要:固定页眉,页脚固定在底部以用于短内容,但当内容较长时将其推下页面(就像这里经常重复的设置:http://boagworld.com/t