我应该在哪里实现“视口”（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。

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

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

或也

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

请参阅此CSS-Tricks post for more information on setting viewport metadata。

Answer 2

您应该始终将其放在html上。阅读this了解更多信息

Answer 3

Viewport用于响应目的，我认为最好的使用方法是在HTML中，只是在特殊情况下，您需要在CSS JUST SPECIAL CASES （特殊情况）中使用VIEWPORT。

>

视口定义您的网页在不同设备[屏幕]

中的行为方式

有关更多信息，请阅读this documentation about viewport

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

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