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