相关疑难解决方法(0)

虽然该<meta name="viewport">标签未标准化，但“由于事实上的主导地位，它受到大多数移动浏览器的尊重”。

它不是真正的 Web 标准的一个缺点是详细的文档不像其他标准那样可用。该CSS工作组对这个规范，所以这就是我主要用作为权威著作。

我的主要问题是：

以下声明之间的感知差异是什么？

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

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

或者被问到，这两个@viewport CSS at-rules之间有什么区别：

/* Translated from <meta name="viewport" content="width=device-width, initial-scale=1.0"> */
@viewport {
    zoom: 1.0;
    min-width: extend-to-zoom;
    max-width: 100vw;
}

/* Translated from <meta name="viewport" content="initial-scale=1.0"> */
@viewport {
    zoom: 1.0;
    min-width: extend-to-zoom;
    max-width: extend-to-zoom;
}

我是如何得出这些@viewport翻译的：

width=device-width 到 min-width: extend-to-zoom; max-width: 100vw;

在CSS设备适配模块级别1号文件规定：

的width和height视口<META>特性被转换成width和height描述符，设置min-width/ …