编辑于2015年8月26日
好的，这个问题可能有点棘手，因为该项目仍处于开发阶段，因此从法律上讲，我尚不允许实时分享我的问题。
我遇到的问题是，我正在为客户建立一个站点，当我们开始测试阶段时，除了第四代iPad之外，我都通过了所有测试。然后，我们开始发现，在任何视网膜显示屏（第4代/第5代，iPad air）上观看时，我所有的代码看起来都非常庞大。
问题不是vh/vw属性不起作用，而是突然20vh（视口高度的20％）很大。我正在使用内部容器对象的填充通过使用padding-top: 20vh; padding-bottom: 20vh;将其父容器内的所有内容垂直居中。
我一直在尝试仅涉及视网膜显示器的解决方案，但都没有用。这是我尝试用...瞄准视网膜的东西@media only screenand (min-device-width : 768px)and (max-device-width : 1024px)and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */}@media only screen and (min-device-width : 768px)and (max-device-width : 1024px)and (-webkit-min-device-pixel-ratio: 2)and (min-resolution: 192dpi) { /* STYLES GO HERE */}<meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, user-scalable=0">
问题在于，由于某种原因，执行所有这些技术也以iPad 1/2/3为目标，这弄乱了我以前编写的代码。
最佳答案
vh单位是更新的css3度量单位，因此较旧的浏览器将忽略它们。因此，通常您将使用带有vh单位的后备广告。就像是：
.container {
height: 1024px;
height: 100vh;
}
不了解vh的浏览器将跳过它并使用像素。
但是，Can I Use提到直到iOS 8才完全支持vh单位。并且提到，iOS的Safari早期版本中存在“笨拙的行为”。然后将其提供为问题的a work around，这可能会很有用。
因此，也许这种所谓的越野车行为就是您要执行的操作。
关于css3 - 测试iPad 4th Gen/Retina显示屏，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/32206596/