为什么我们使用响应式方法而 % 属性使我们的页面适应任何屏幕尺寸？
Why do we use Responsive methods while % properties make our page adaptable to any screen size?
我目前正在研究响应式概念和媒体查询，但我无法理解它的用途，因为我们可以在 CSS 文件中使用“%”作为大小属性。事实上，例如在我的 CSS 文件中，如果我像这样添加“宽度”样式 属性：“{width: 70%;}”，我的网页将适合任何屏幕尺寸，因为它会占其中的 70%，不考虑屏幕？或者她可能会显示太小的字符，这就是为什么我们使用响应式方法的解释？似乎我并没有真正理解它的目的。谢谢大家的帮助。
你用过新闻网站吗？在笔记本电脑等广泛的设备中，屏幕上有多个列。当您在移动设备 phone 上使用同一个网站时，一个列会占用所有可用的 space。这就是响应式设计和媒体查询的用武之地。您几乎可以在网络上的任何地方观察到相同的效果。
假设如果新闻网站将每栏的宽度设置为 25%，那么在笔记本电脑上看起来还不错，但在移动设备上查看时每栏的宽度就会非常小 phone（因为移动屏幕宽度的 25% 会非常低），这会使文本不可读。这就是为什么 % 单位不能在任何地方工作，我们需要响应式设计和媒体查询。
这不是媒体查询的唯一用途。您甚至可以指定您的网页在媒体查询的帮助下打印时的外观。像 Bootstrap 这样的现代 css 框架完全基于媒体查询
不过，如果您对媒体查询等响应式技术的使用有任何疑问，您可以 google“媒体查询的使用”或“响应式设计的使用”，您将获得大量文章以及有关其可用性的帖子。
可以在很小的程度上使用 % 和其他单位，但它们没有给我们响应式设计给我们的自由。响应式设计不仅仅是使用这样的单元。
我目前正在研究响应式概念和媒体查询，但我无法理解它的用途，因为我们可以在 CSS 文件中使用“%”作为大小属性。事实上，例如在我的 CSS 文件中，如果我像这样添加“宽度”样式 属性：“{width: 70%;}”，我的网页将适合任何屏幕尺寸，因为它会占其中的 70%，不考虑屏幕？或者她可能会显示太小的字符，这就是为什么我们使用响应式方法的解释？似乎我并没有真正理解它的目的。谢谢大家的帮助。
你用过新闻网站吗？在笔记本电脑等广泛的设备中，屏幕上有多个列。当您在移动设备 phone 上使用同一个网站时，一个列会占用所有可用的 space。这就是响应式设计和媒体查询的用武之地。您几乎可以在网络上的任何地方观察到相同的效果。
假设如果新闻网站将每栏的宽度设置为 25%，那么在笔记本电脑上看起来还不错，但在移动设备上查看时每栏的宽度就会非常小 phone（因为移动屏幕宽度的 25% 会非常低），这会使文本不可读。这就是为什么 % 单位不能在任何地方工作，我们需要响应式设计和媒体查询。
这不是媒体查询的唯一用途。您甚至可以指定您的网页在媒体查询的帮助下打印时的外观。像 Bootstrap 这样的现代 css 框架完全基于媒体查询
不过，如果您对媒体查询等响应式技术的使用有任何疑问，您可以 google“媒体查询的使用”或“响应式设计的使用”，您将获得大量文章以及有关其可用性的帖子。
可以在很小的程度上使用 % 和其他单位，但它们没有给我们响应式设计给我们的自由。响应式设计不仅仅是使用这样的单元。