css - 我什么时候需要 *-device-width？

Question

我正在为桌面和移动设备创建响应式 Web 应用程序。我的问题是我不知道什么时候需要使用*-device-width. 请解释用例*-device-width。为什么我应该使用它而不是*-width？

Answer 1

您将它与元标记一起使用，您将添加到您的头部标记中

<meta name="viewport" content="width=device-width" />

Answer 2

来自CSS 媒体查询中宽度和设备宽度之间的差异：

device-width是个...

输出设备的宽度（指整个屏幕或页面，而不仅仅是呈现区域，例如文档窗口）。

来源。

width... _

描述输出设备的渲染表面的宽度（例如文档窗口的宽度，或打印机上的页面框的宽度）

来源。