gpt4 book ai didi

css - iPhone 对最小宽度 : 768px 进行媒体查询

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

我有一个着陆页,其中的 CSS 结构如下:

body {
background: white;
}

@media (min-width: 768px) {
body {
background: red;
}
}

@media (max-width: 767px) {
body {
background: blue;
}
}

在桌面版 Safari 和 iPhone 上(在真实的 iPhone 6S 设备上测试),主体背景为红色。无论我尝试应用什么(设备比率 x2 等),我都无法在 iPhone 上将背景设为 blue

我错过了什么吗?

最佳答案

我终于发现我必须在 <head> 中添加这个:

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

现在一切正常。

关于css - iPhone 对最小宽度 : 768px 进行媒体查询,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35383566/

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