什麼需要優先：元視口標籤或css @viewport規則？

Question

我想知道哪些優先（希望與跨瀏覽器一致性）： <meta name="viewport" content="...">或css @viewport規則。

根據caniuse.com,@viewport現在很難得到支持，但是有沒有人有一個想法，如果css，一旦支持，將覆蓋元標記，特別是如果兩者都包含在代碼中？

Answer 1

Accorrding到非常規範CSS Device Adaptation Module Level 1草案中，優先級是由視口元件的位置在DOM

視口<META>元件被放置在級聯，就好像它是一個 <STYLE>元件來確定，在dom中完全相同的地方，只有 包含一個@viewport規則。

也就是說，它會覆蓋@viewport它前面的規則，並通過它後面，除了當@viewport聲明具有更高的重要性@viewport規則被覆蓋（！重要的），他們總是王牌視<meta>元素規則。