gpt4 book ai didi

twitter-bootstrap - 响应式网站在移动设备上缩小至全宽

转载 作者:行者123 更新时间:2023-12-03 04:26:58 25 4
gpt4 key购买 nike

我正在测试 Bootstrap 响应性导航栏,我有一个 demo网站。当我在桌面上调整浏览器的大小时,一切正常,包括导航栏,它变成可折叠菜单,顶部有一个小图标,我可以单击该图标来查看更多菜单按钮。

但是当我在移动浏览器上尝试它时(我在 Android 上的 Chrome 和互联网浏览器上尝试过),我没有看到响应式设计。我只能看到非常小的版本的桌面版网站。

有人能指出我做错了什么吗?

最佳答案

将其添加到您的 HTML 头部..

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

这告诉较小的设备浏览器如何缩放页面。您可以在这里阅读更多相关信息:https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html

关于twitter-bootstrap - 响应式网站在移动设备上缩小至全宽,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19156510/

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