我目前正在研究响应式概念和媒体查询，但我无法理解它的目的，因为我们可以在 CSS 文件中使用“%”作为大小属性。事实上，例如在我的 CSS 文件中，如果我添加这样的“width”样式属性:“{width: 70%;}”，我的网页将适合任何屏幕尺寸，因为它将占用 70% 的屏幕尺寸，而不考虑屏幕 ？或者也许她会显示太小的字符，这就是我们为什么使用响应式方法的解释？看来我可能并没有真正明白它的目的。感谢您的帮助。
最佳答案
您使用过新闻网站吗？在笔记本电脑等广泛的设备中，屏幕上有多个列。当您在手机上使用同一网站时，单个列会占用所有可用空间。这就是响应式设计和媒体查询发挥作用的地方。您几乎可以在网络上的任何地方观察到相同的效果。
假设新闻网站把每栏的宽度设置为25%，在笔记本电脑上看起来还不错，但是在手机上查看时每栏的宽度就会很小(如25%)移动屏幕宽度会非常低)，这会使文本难以阅读。这就是为什么 % 单位并非在所有地方都适用，我们需要响应式设计和媒体查询。
这并不是媒体查询的唯一用途。您甚至可以指定借助媒体查询打印网页时的外观。像 Bootstrap 这样的现代 CSS 框架完全基于媒体查询
不过，如果您对媒体查询等响应式技术的使用有任何疑问，您可以通过谷歌搜索“媒体查询的使用”或“响应式设计的使用”，您将获得大量关于其可用性的文章和帖子。
使用%和其他单位可以在很小的范围内完成，但它们并没有给我们响应式设计所带来的自由。响应式设计不仅仅是使用此类单元。
关于css - 为什么我们使用响应式方法，而 % 属性使我们的页面适应任何屏幕尺寸？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/64730616/