gpt4 book ai didi

html - 媒体查询行为怪异

转载 作者:太空宇宙 更新时间:2023-11-04 11:20:13 25 4
gpt4 key购买 nike

我正在使用 Dream weaver 为我的网站创建一个响应式的关于我的页面(使用默认的关于我的模板)。当我使用设备上的 Dream Weaver 预览系统时,页面完全响应并且在我的 iPhone 上它调整大小非常好,看起来像这样: responsive preview

但是,当我将代码上传到网站时,页面不再响应。它看起来和我的笔记本电脑上的一样(如下所示) nonresponsive preview

为什么会出现这个问题?

html页面是this .如果您也需要我在这里发布代码,请告诉我。非常感谢您的帮助:)

最佳答案

要在小屏幕上使用媒体查询,您需要在文档的头部包含视口(viewport)元元素。例如:

<meta name="viewport" content="width=device-width, initial-scale=1">

关于html - 媒体查询行为怪异,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32855069/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com