我应该在哪里实施 "viewport"（HTML、CSS 或两者）？

Question

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

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

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

或

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

是否可以同时使用两者？并请提供对移动设备兼容性最有用的代码，以及跨移动设备使用时的代码。

提前致谢！！

Answer 1

你应该总是把它放在 html 上。阅读 this 了解更多信息

Answer 2

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

解决移动设备的常见做法就像您在上面包含的 HTML，即：

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

或也为

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

Answer 3

Viewport 用于响应目的，我认为最好的使用方法是在 HTML 中，只是在特殊情况下，您需要在 CSS [=23= 中使用 VIEWPORT ]只是特例.

视口定义您的网页在不同设备上的表现方式[屏幕]

您可以将此 VIEWPORT 作为标准使用，并在某些情况下进行更改。

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

Where should I implement "viewport"(HTML, CSS or both)?