如何制作自适应网页？

Question

我是一名新手程序员，在高中只上过一门课程。我正在尝试为我的业务创建一个网站，使用c9.io来编写 - 但无法弄清楚如何使我的页面适应任何大小。我试过在网上找到一个解决方案，但似乎无法解决我的问题 - 我完全难过！祝你好运，谢谢！

下面的HTML和CSS代码。

https://docs.google.com/document/d/1wl1Ui-vvB39ysCQd2B5-7Yl-gYRPdQ7hUyD_L-tDcs4/edit

编辑：

问题已修复，这是我使用的CSS代码：

.container4 {
  width:99%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

Answer 1

Media queries以及twitter bootstrap 或flexbox用于使网站响应。

媒体查询可帮助您管理不同设备的布局，例如手机，标签和桌面。在编写css时请记住以下几点： -

1. 将ems / rems用于边距/填充，避免使用像素

   2.使用sass而不是纯css，它很容易扩展