css - 使用媒体查询做出响应式设计

Question

我是 CSS 新手。我正在尝试进行设计，仅通过使用media query. 对我来说，设计变得响应迅速，但是您可以在图像中看到一些问题。请说出你的建议。

代码链接： JSFiddle

标签： cssresponsive-designmedia-queries

Answer 1

我将代码放入Codepen是因为它更易于查看和调试。

你忘了做一些事情：

• 给body {height 100%;}
• 给.container {height: 100%}

媒体查询也可以正常工作。