繁体   English   中英

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

[英]How to make website responsive according to different size of device?

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

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

在此处输入图像描述

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

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

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

看这篇文章学习媒体查询和断点

https://www.freecodecamp.org/news/css-media-queries-breakpoints-media-types-standard-resolutions-and-more/

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM