Html 如何根据不同大小的设备使网站响应?

Html 如何根据不同大小的设备使网站响应?,html,css,media-queries,size,resolution,Html,Css,Media Queries,Size,Resolution,如何根据不同的设备大小使我的网站具有响应性 不同的笔记本电脑和个人电脑有不同的分辨率。在这种情况下,如果我使用媒体查询和 将其应用于特定设备(以像素为单位),则不会应用于具有 不同的分辨率 比方说,我在一台电脑上使用这个网站(这只是一个例子),它可以正常工作,但如果我在不同分辨率的电脑上使用同一个网站,那么网站类型和结果数量之间的差距就会消失,它们相互重叠 请告诉我一个解决方案,这样当我在不同分辨率的设备上运行网站时,它 可以运行。我建议使用引导框架,默认情况下它具有响应功能,其他方面,您必须

如何根据不同的设备大小使我的网站具有响应性

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

比方说,我在一台电脑上使用这个网站(这只是一个例子),它可以正常工作,但如果我在不同分辨率的电脑上使用同一个网站,那么网站类型和结果数量之间的差距就会消失,它们相互重叠

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

我建议使用引导框架,默认情况下它具有响应功能,其他方面,您必须在每个断点应用媒体查询

请参阅本文以了解媒体查询和断点


我不允许使用引导框架。另外,我如何知道每个设备的断点?只需单击我共享的链接即可使用
媒体查询