使用媒体查询使设计响应

Question

我是css的新手。我正在尝试进行设计，仅使用media query进行响应。对我来说，设计反响灵敏，但存在一些问题 你可以在图像中看到。请说出你的建议。

代码链接： JSFiddle

Answer 1

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

你忘了做一些事情：

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

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