什么优先:元视口标签或 css @viewport 规则?
What takes precedence: meta viewport tag or css @viewport rule?
我想知道哪个优先(希望具有跨浏览器的一致性):
<meta name="viewport" content="...">
或 css @viewport
规则。
根据 caniuse.com,目前几乎不支持 @viewport
,但是有没有人知道 css 一旦支持,是否会覆盖元标记,尤其是如果两者都包含在代码中?
根据规范草案 CSS Device Adaptation Module Level 1,优先级由视口元素在 DOM
中的位置决定
The Viewport <META>
element is placed in the cascade as if it was a
<STYLE>
element, in the exact same place in the dom, that only
contains a single @viewport rule.
也就是说,它将覆盖它前面的@viewport 规则,并被它后面的@viewport 规则覆盖,除非@viewport 声明具有更高的重要性 (!important),它们将始终胜过视口 <meta>
元素规则.
我想知道哪个优先(希望具有跨浏览器的一致性):
<meta name="viewport" content="...">
或 css @viewport
规则。
根据 caniuse.com,目前几乎不支持 @viewport
,但是有没有人知道 css 一旦支持,是否会覆盖元标记,尤其是如果两者都包含在代码中?
根据规范草案 CSS Device Adaptation Module Level 1,优先级由视口元素在 DOM
中的位置决定The Viewport
<META>
element is placed in the cascade as if it was a<STYLE>
element, in the exact same place in the dom, that only contains a single @viewport rule.
也就是说,它将覆盖它前面的@viewport 规则,并被它后面的@viewport 规则覆盖,除非@viewport 声明具有更高的重要性 (!important),它们将始终胜过视口 <meta>
元素规则.