Css 如果父元素在Chrome iOS的vh中设置了High,则translateY不工作

Css 如果父元素在Chrome iOS的vh中设置了High,则translateY不工作,css,css-transforms,blink,Css,Css Transforms,Blink,这一个有点冗长,所以有几个小提琴来演示发生了什么 我一直在尝试在某些块内容上使用Sebastian Ekström的垂直居中方法,其中父div设置在vh中。这似乎在Chrome桌面v33-OSX上运行得很好,但当再次在iPad上测试Chrome v33时,它似乎计算错了什么,结果很差 这是我的例子。绿色盒子应该在中间竖直出现。在桌面上很好,在iPad上不够高 我注意到,如果我将父元素的高度更改为一个固定的单位px,它在两个平台上都能正常工作 不确定我是否遗漏了一些明显的东西或者这是一个bug 更

这一个有点冗长,所以有几个小提琴来演示发生了什么

我一直在尝试在某些块内容上使用Sebastian Ekström的垂直居中方法,其中父div设置在vh中。这似乎在Chrome桌面v33-OSX上运行得很好,但当再次在iPad上测试Chrome v33时,它似乎计算错了什么,结果很差

这是我的例子。绿色盒子应该在中间竖直出现。在桌面上很好,在iPad上不够高

我注意到,如果我将父元素的高度更改为一个固定的单位px,它在两个平台上都能正常工作

不确定我是否遗漏了一些明显的东西或者这是一个bug


更新:在iPad上的Safari上做了更多的挖掘和相同的东西,所以这一定是一个移动视口的东西

chrome的哪个版本?@Chad Desktop:version 33.0.1750.146和iPad:33.0.1750.15I不是100%确定,但caniuse说chrome在版本34之前不支持边框宽度、列间距、变换值、框阴影或计算的视口单位。是的,我也看到了。但我只在身高上用,效果很好。是translateY,里面有一个%似乎坏了。我也遇到了这个问题!我在标题上使用100vh高度,并希望子div垂直居中。我正在使用FireFox。