Question

在IE9中，大众单位对我来说很奇怪。例如，10vw的值是巨大的，占视口宽度的10倍而不是十分之一。将值设置为0.1vw会产生更接近预期的结果。奇怪的是，我在这个问题上几乎找不到任何东西，但我会想到，如果这是一个真正的问题或不相容，那么它就会被广泛记录（并且被抱怨）。我在虚拟机中使用IE9，所以我不知道这是不是问题。

这是我发现的一个简单的案例：

http://jsfiddle.net/dtvz5mty/

CSS：

#thisscales{
font-size:10vw;
width:40vw;
}

HTML：

<div id="thisscales">hai there!</div>

之前有没有人处理过此事？这是一个真正的问题吗？如果是这样，什么是好的工作？我希望获得字体大小和文本元素的位置以与视口一起缩放（我做动画并且元素的位置必须成比例）。

Answer 1

显然在HTML中不包括这个问题是：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

（╯°□°）╯（┻━┻

添加它有点魅力。我永远不会懒惰而不再包括它。

Answer 2

这是IE 9和10中众所周知的错误。

此网页介绍了解决此问题的好方法：Here

修复程序的Github项目位于：Here

Answer 3

确保将<meta name="viewport" content="width=device-width, initial-scale=1">放入html文件的<head>部分。因此，无论您使用何种浏览器（支持vw），device-width（视口宽度）都将等于vw。

大众在IE9中无法正常工作

3 个答案: