html - 如何在 CSS 中设置网站以响应不同的分辨率？

Question

对于一个大学项目，我需要使用我的老师给我的 HTML 格式的网站，并进行设置，以便如果分辨率降低到最大宽度为 640 像素，我需要取出图片和导航栏旁边。我只是不确定如何在 CSS 中对其进行编程，以便在满足 640px 时可以隐藏部分？抱歉，如果这需要大量解释，但我们现在没有网页设计教科书，我无法在学校在线数据库上找到任何可以参考的示例，提前弄清楚谢谢

Answer 1

如果屏幕宽度小于 640 像素，将应用此媒体查询中的 css。这适用于大多数现代浏览器。请记住，这仅限于您可以使用 css 执行的操作。如果你想操纵 dom，你将不得不使用 javascript。要隐藏元素，您可以将它们设置为display:none;

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

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

演示