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