大众汽车在IE9上对我来说表现得很奇怪。例如,10 10的值是巨大的,占用了视口宽度的10倍,而不是十分之一。将值设置为0.1vw会使结果更接近预期。奇怪的是,我在这个问题上几乎什么也找不到,但我会想,如果这是一个真正的问题或不兼容,它会被广泛的记录(和抱怨)。我在VM中使用IE9,所以我不知道这是否是问题所在。
这是我发现的一个很简单的例子:
CSS:
#thisscales{
font-size:10vw;
width:40vw;
}HTML:
<div id="thisscales">hai there!</div>以前有人处理过这个问题吗?这是一个真正的问题吗?如果是这样的话,什么是好工作呢?我想得到字体大小和文字元素的位置与视口进行缩放(我在做动画,元素的位置必须是成比例的)。
发布于 2015-06-22 18:18:58
所以很明显,不把它包括在HTML中是个问题:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">(╯°-°)╯︵┻━┻
加上它很有魅力。我永远不会懒惰,也不会再把它包括进去。
发布于 2015-06-22 16:55:04
确保将<meta name="viewport" content="width=device-width, initial-scale=1">放在html文件的<head>部分。因此,现在vw (视口宽度)将等于您使用的浏览器(支持vw的浏览器)中的device-width。
https://stackoverflow.com/questions/30985386
复制相似问题