Question

在http://sallymilo.com/aem/，当我将浏览器移动得更窄时，此模板会根据需要缩小到一列。但是，在我的手机上，我只是在一个屏幕上看到整个模板。我对响应式设计很陌生，所以对于那些比我更了解的人，我一定会遗漏一些明显的东西。请告知。

Answer 1

这是一个简单的修复，你需要在页面的头部有一个视口元标记，没有这个，移动设备的默认行为是缩放你的页面以适应屏幕。

这是一个开始的建议：

<head>
...
<meta name="viewport" content="width=device-width, initial-scale=1.0">
...
</head>

https://css-tricks.com/snippets/html/responsive-meta-tag/详细介绍了您可以在元标记中设置的一些属性。