gpt4 book ai didi

html - CSS 媒体查询无法正常工作

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

我不明白为什么这个媒体查询不起作用。

如果屏幕宽度为 480px,我想应用一些代码。在这种情况下,我使用:

@media screen  and (width: 480px) {
}

但是没有任何反应。我试着解决

@media screen  and (max-width: 481px) and  (min-width: 479px) {

还是不行它仅适用于 @media screen 和 (max-width: 481px) 但另一端如何?

最佳答案

试试这个,你在你的规则中指定屏幕,如果你尝试访问另一个它不起作用:

编辑:该片段有填充和边距,所以用 507 像素进行测试,或者尝试使用我的 480 像素 fiddle :http://jsfiddle.net/46u4kggq/1

不要尝试使用 chrome 响应工具,因为代码片段上没有视口(viewport)

body{
background: black;
}

@media (width: 480px){
body{
background: yellow;
}
}
<body>
</body>

关于html - CSS 媒体查询无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43517770/

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