gpt4 book ai didi

css - 如何对 Android 的 Chorme 说我的页面需要 @media 条件指令?

转载 作者:行者123 更新时间:2023-11-28 15:00:44 25 4
gpt4 key购买 nike

我正在使用 this "pure HTML + CSS" solution to a flex-layout ,当我在桌面浏览器中更改窗口大小时,这工作正常,但是当在移动设备(特别是 Android 的 Chrome)中查看同一页面时,浏览器执行“缩小”而不是使用 CSS @media screen 和(最大宽度:360 像素) 指令。

如何告诉 Chrome 使用指令而不是 doo zoom-out?我需要使用一种视口(viewport)吗?并且视口(viewport)不会破坏桌面布局?

最佳答案

确保您有 <meta name="viewport" content="width=device-width, initial-scale=1.0">在你的文档中 <head> .

请参阅教程或规范以了解更多信息,了解为什么这是必要的:

附言:question/answer about javascript access to Viewport

关于css - 如何对 Android 的 Chorme 说我的页面需要 @media 条件指令?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50203221/

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