根据设备更改 div 的宽度答案

【问题标题】：Change the width of a div depending on the device根据设备更改 div 的宽度
【发布时间】：2021-03-05 04:08:16
【问题描述】：

我想使用 css 添加效果，使 div 的宽度为 500px，但前提是用户在计算机上。如果用户使用手机、平板电脑、iPad 等，它将具有预定义的宽度。我将如何做到这一点？

【问题讨论】：

【解决方案1】：

您正在寻找媒体查询，请阅读更多信息here。如果你想知道不同的视图宽度，你可以参考这个：-

或

您可以使用响应式单元设置宽度，例如100% 或100vw，了解更多有关响应式单元here 的信息。

【讨论】：

【解决方案2】：

如果您想检测设备，请检查此问题，但无论如何您都需要媒体查询。 What is the best way to detect a mobile device?

【讨论】：