我正在使用Dream Weaver为我的网站创建一个关于我的响应页面（使用关于我的默认模板）。当我使用Dream Weaver的设备上预览系统时，页面完全响应，并且在我的iPhone上，页面的大小调整得很好，看起来像这样：
但是，当我将代码上传到网站时，页面不再响应。它看起来和在笔记本电脑上一样（如下所示）
为什么会发生此问题？
html页面是this。如果您也需要我在此处发布代码，请告诉我。非常感谢您的帮助 ：）
最佳答案
为了使媒体查询在小屏幕上运行，您需要在文档的头部包含视口元元素。例如。：
<meta name="viewport" content="width=device-width, initial-scale=1">