gpt4 book ai didi

html - 400px 的 CSS 媒体查询不起作用

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

有人能告诉我如何解决这个媒体查询问题吗.. https://jsfiddle.net/1z8sw4n5/19/

  .clear { clear: none; display: none; }  

我想在 400px 处隐藏内容列而不破坏黄色右浮动,这样蓝色和黄色可以无缝接触并隐藏红色 @400px 或更少

最佳答案

问题之一是#left和#right的宽度都是200px。当浏览器小于 400px 时,div 将被强制堆叠。如果您将它们的宽度都设置为 50% 并使用 float: left 那么它们就可以并排放置。您还需要为 #right 创建一个媒体查询,并将原始的 #right css 移动到媒体查询之上。

这是一个修复...

代码笔:https://codepen.io/anon/pen/ZyQVeg?editors=1100

关于html - 400px 的 CSS 媒体查询不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44467466/

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