如何强制“vw”单位遵守html元“视口”标签宽度设置？

Question

目前，当我使用CSS“vw”单位（视口宽度）时，浏览器似乎总是使用浏览器视口，而不管元视口是什么。例如，请看这个jsfiddle：

https://jsfiddle.net/darrengates/ywvc6x51/

在这个例子中，我有：

<meta name="viewport" content="width=75, initial-scale=1">

在css中，如果我指定：

.vw-75 {
    width: 100vw;
}

然后，我希望强制“vw-75”类的任何内容为75px，因为元视口设置为“width = 75”。有什么方法可以强迫“大众”单位服从元价值吗？

对于那些想知道“你为什么要这样做？”的人来说：“

  

我有一个网站，在整个地方使用大众单位（字体大小，div大小，边框大小等）。由于网站的要求，我希望最大可视区域基于浏览器，设备，语言等不同。换句话说，可视内容区域可能是大约500px到2000px的任何地方。而不是将所有vw值更改为％值，或者添加大量新媒体查询（由于站点大小而导致的巨大任务），我希望只是动态设置元视口。

Answer 1

Try removing , initial-scale=1 from your meta tag:

<meta name="viewport" content="width=75">

问题可能只是jsfiddle不适用<meta>标签。