Html 我如何在CSS中建立一个网站来对不同的分辨率做出反应？

对于一个大学项目，我需要拍摄一个我老师用HTML给我的网站，并对其进行设置，这样如果分辨率降低到最大宽度640px，我就需要拿出旁边的图片和导航栏。我只是不确定如何在CSS中编程，以便在遇到640px时可以隐藏部分？抱歉，如果这需要大量的解释，但我们现在没有网页设计的教科书，我在学校在线数据库中找不到任何我可以参考的例子来解决它

---

提前感谢

如果屏幕宽度小于640px，将应用此媒体查询中的css。这将适用于大多数现代浏览器。请记住，这仅限于您可以使用css执行的操作。如果您想操作dom，就必须使用javascript。要隐藏元素，可以将其设置为显示：无

非常简单的演示。如果结果窗口变为小于640px，它将变为灰色：

---

如果屏幕宽度小于640px，将应用此媒体查询中的css。这将适用于大多数现代浏览器。请记住，这仅限于您可以使用css执行的操作。如果您想操作dom，就必须使用javascript。要隐藏元素，可以将其设置为显示：无

非常简单的演示。如果结果窗口变为小于640px，它将变为灰色：

---

Google responsive Designs如果你用Google搜索你的确切问题，“我怎样才能用CSS建立一个网站来对不同的分辨率做出反应？”正如@johncode所建议的，第一个结果是介绍媒体查询，这正是你应该使用的。Google responsive Designs如果你用Google搜索你的确切问题，“我如何在CSS中建立一个网站，以对不同的分辨率作出反应？“正如@johncode所建议的，第一个结果就是介绍了媒体查询，这正是您应该使用的<代码>640px。我试图修复它，但它需要至少6个字符的变化。谢谢！有点太快了：）只是好奇，告诉我我是否翻译对了：@media“所有设备”和“最大宽度为640px的设备”应该是灰色的。我猜这是因为当我尝试使用“宽度”时，窗口在640像素时会闪烁灰色。你是对的：）尽管我相信很少有人想将其设置为精确的宽度。通常，您会选择最大和最小宽度。然后为屏幕设置不同的间隔。在电脑、平板电脑、移动设备、移动环境等领域，这取决于您希望支持的屏幕大小。请注意，您有重复的px<代码>640px。我试图修复它，但它需要至少6个字符的变化。谢谢！有点太快了：）只是好奇，告诉我我是否翻译对了：@media“所有设备”和“最大宽度为640px的设备”应该是灰色的。我猜这是因为当我尝试使用“宽度”时，窗口在640像素时会闪烁灰色。你是对的：）尽管我相信很少有人想将其设置为精确的宽度。通常，您会选择最大和最小宽度。然后为屏幕设置不同的间隔。在计算机、平板电脑、移动设备、移动环境等中，这取决于您希望支持的屏幕大小。

@media all and (max-width: 640px) {
  /* css*/
}