什么是优先：meta viewport标签或css @viewport规则？

Question

我想知道哪个优先（希望具有跨浏览器的一致性）： <meta name="viewport" content="...">或css @viewport规则。

根据caniuse.com，目前几乎不支持@viewport，但有人知道，一旦支持，css是否会覆盖元标记，特别是如果两者都包含在代码中？

Answer 1

根据规范草案CSS Device Adaptation Module Level 1，优先级取决于DOM中视口元素的位置

  

视口<META>元素放置在级联中，就好像它是一样   <STYLE>元素，在dom的完全相同的位置，只有   包含一个@viewport规则。

也就是说，它会覆盖它之前的@viewport规则，并被其后面的@viewport规则覆盖，除非当@viewport声明具有更高的重要性（！important）时，它们总是胜过视口{{1}元素规则。