html - 我应该在哪里实现“视口”（HTML、CSS 或两者）？

Question

我想知道什么更常见或更有用。

它是 HTML 还是 CSS 中的典型视口元标记？

@viewport{
    zoom: 1.0;
    width: device-width;
}

或者

<meta name="viewport" content="width=device-width, initial-scale=1.0">

甚至可以同时使用两者吗？并且请给我对移动设备的兼容性最有用的代码，在使用移动设备时也是如此。

先感谢您！！

标签： htmlcssviewport

Answer 1

设置视口元数据的典型位置是 HTML。

寻址移动设备的常见做法就像您在上面包含的 HTML 一样，即：

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

或者也作为

<meta name="viewport" content="width=device-width, initial-scale=1.0">

有关设置viewport元数据的更多信息，请参阅这篇CSS-Tricks 帖子。