页面响应式布局问题

[jjaychen1e]

在前端项目的初期版本中，我们发现，在电脑上我们的网页拥有着良好的页面效果：

但是当我们在手机等移动设备上访问我们的网页，或者我们缩小浏览器的宽度，我们会得到如下的界面：

我们发现，当页面的宽度减小后， Header 不再居中，而且 NEW POST 按钮也因为错位而无法点击。我们意识到这是一个响应式布局的问题，因此我们修改了 Header 和 NEW POST 按钮所在 div 的样式，效果如下：