如何根据不同尺寸的设备使网站响应？答案

【问题标题】：How to make website responsive according to different size of device?如何根据不同尺寸的设备使网站响应？
【发布时间】：2021-04-19 21:12:21
【问题描述】：

如何让我的网站根据不同的设备尺寸做出响应？

不同的笔记本电脑和 PC 具有不同的分辨率。在这种情况下，如果我使用媒体查询和将其应用于特定设备（以像素为单位），则不会应用于具有不同的分辨率。

假设我在一台电脑上使用这个网站（这只是一个例子）并且它正在工作，但如果我在不同分辨率的不同电脑上使用同一个网站，那么网站类型和数量之间的差距结果消失了，它们相互重叠。

请告诉我一个解决方案，以便当我在不同分辨率的不同设备上运行网站时，它可以运行。

【问题讨论】：

【解决方案1】：

我建议使用引导框架，默认情况下它具有响应功能，否则您必须在每个断点应用媒体查询。

查看这篇文章了解媒体查询和断点

【讨论】：