草庐IT

viewport-vw

全部标签

android - Mobile Firefox 完全忽略 Viewport

我迷路了,无法弄清楚如何说服Mobile-Firefox加载我的网站完全缩小:/我找不到同时搜索stackoverflow和网络的有效解决方案。这是指向的链接WEBSITE!我的网站没有单独的移动版本。我允许放大和缩小,并且在iPhone、iPad和现有的Android浏览器上它可以完美运行。但是在我的Android上使用Mobile-Firefox它会加载页面并将其缩放...而这本身并不是主要问题!页面的“可点击”区域仍然是初始缩放的小“框”:我不能滑动我的slider,我什至不能点击那个小“Activity框”之外的图片来打开fancybox-links等。一旦我将我的网站平移到那

flutter - 垂直视口(viewport)被赋予了无限的高度

这是我的代码:@overrideWidgetbuild(BuildContextcontext){returnnewMaterial(color:Colors.deepPurpleAccent,child:newColumn(mainAxisAlignment:MainAxisAlignment.center,children:[newGridView.count(crossAxisCount:_column,children:newList.generate(_row*_column,(index){returnnewCenter(child:newCellWidget());}),

flutter - 垂直视口(viewport)被赋予了无限的高度

这是我的代码:@overrideWidgetbuild(BuildContextcontext){returnnewMaterial(color:Colors.deepPurpleAccent,child:newColumn(mainAxisAlignment:MainAxisAlignment.center,children:[newGridView.count(crossAxisCount:_column,children:newList.generate(_row*_column,(index){returnnewCenter(child:newCellWidget());}),

android - 为什么 Galaxy Nexus/Android 4 上的视口(viewport)标签不起作用?

我正在开发一个webApp,它应该调整到设备可能拥有的任何屏幕尺寸。在iOS和旧的android版本上,viewport标签工作正常。屏幕上的图片总是调整大小以适合屏幕。(如此处所述:https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html#//apple_ref/doc/uid/TP40006509-SW19)在GalaxyNexus(Android4.0)上它

javascript - Galaxy Nexus 忽略视口(viewport)元标记

我正在构建一个PhoneGap应用程序。我的应用程序设计为320px界面。我在应用程序中的视口(viewport)标签是:这在我运行IceCreamSandwich的GalaxyS2上按预期工作。320px的界面填满了整个屏幕的宽度。但是,在GalaxyNexus上测试上述代码时,视口(viewport)为360像素宽。所以我的元素不会填满屏幕。我尝试将以下行添加到我的Cordova的appname.java文件中:this.appView.getSettings().setUseWideViewPort(true);然而,这没有任何效果。 最佳答案

html - 在 Mobile Safari 中导致旋转问题的视口(viewport)设置

首先,这不是我在其他问题中看到的缩放问题。此外,我正在使用运行iOS6的iPhone4对此进行测试。在处理移动项目时,我发现了viewport标记和移动safari的问题。我将所有内容提炼成尽可能基本的代码。我在那里设置了参数:宽度=设备宽度height=设备高度初始比例=1.0最大比例=1.0用户可扩展性=否一切正常,直到您旋转屏幕。什么都没有调整大小,右侧出现一个黑条来填补空白(见屏幕截图)。如果我完全删除height=device-height,问题就会消失。但是,我确实需要使用此参数。否则,我将不得不问一个不同的问题。旋转回纵向模式后,黑条仍然存在,我可以左右滚动。这是一个很奇

ios - 从横向到纵向时如何解决视口(viewport)问题

我一直在研究iPod和iPhone4的Safari中的视口(viewport)问题,但我找不到关于这个问题的任何答案。关于从肖像到风景的问题,有几个线索,但不是从风景到肖像。问题如下:我曾经在从纵向到横向时遇到正常的缩放问题,所以我添加了标签:这样就解决了这个问题。现在,当我回到纵向模式时,我制作的页面会被拉伸(stretch),并在呈现时增加右边距。这会使页面变宽,因此您必须向左滑动才能获得页面的原始位置(认为它会保留新的“右边距”)。很抱歉,如果有人已经回答了这个问题,但我似乎找不到对这个问题的任何回应。如果需要一些额外的信息,请告诉我。请记住这是我的第一个问题:/谢谢!编辑:我运

ios - 是否可以增加 UICollectionViewLayout 视口(viewport)? (即在 UICollectionView 框架外加载 +2/-2 个单元格)

我有一个使用UICollectionView的全屏图片库。它被分页并且一切运行正常,但有一件事我不喜欢。单元格只有在进入可见视口(viewport)时才会被重复使用,并且在分配新图像时我会得到闪烁效果(对于当前行为来说是正常的)。如何指定一个比当前UICollectionView框架稍大的视口(viewport),以便加载和重用View外的+1/-1页面?当它们进入View时,它们已经被初始化并准备就绪,因此闪烁效果将消失。谢谢! 最佳答案 注意:这是假设垂直的,水平调整你可以让frame变大,然后添加一个contentInsetC

ios - CSS translate with vw 在 iOS < 8 上不起作用,解决方法?

显然,使用vw单位进行transform:translate在iOS这是一个演示,比较了在移动设备和非移动设备上都适用的translate%和仅在iOS8+和非移动设备上都适用的vw:http://codepen.io/rachel-carvalho/pen/azmoPJ?editors=110#p{-webkit-transform:translate(10%,0);transform:translate(10%,0);}#vw{-webkit-transform:translate(10vw,0);transform:translate(10vw,0);}我不知道其他移动设备是否有

ios - 当我将 'vw' 指标与 Ionic (PhoneGap) 一起使用时,CSS 无法在 iOS 7.x 上正确呈现

我正在使用基于PhoneGap的IonicFramework制作应用。我对多个属性使用“vw”指标,使它们可以针对所有设备(iOS或Android)调整大小。当我在浏览器上运行带有“ionic服务”选项的8.1版本的iOS模拟器时,我得到了预期的结果,但是当我在iOS7.1模拟器上运行时,所有-并且只有-边框相关属性没有得到渲染。关于如何解决这个问题有什么想法吗?谢谢! 最佳答案 视口(viewport)单位在iOS7上无法正常工作caniuse.comPartialsupportiniOS7isduetobuggybehavior