gpt4 book ai didi

html - 使用媒体查询隐藏表格单元格会在 Chrome 中导致意外结果,但如果您重新加载页面就可以了

转载 作者:行者123 更新时间:2023-11-28 17:16:14 24 4
gpt4 key购买 nike

http://staging.isaidicanshout.com/millersrest/

您好,在上面的 WIP 示例中,当尺寸缩小到 1024 以下时,该网站应该切换到单列 View ,方法是隐藏两个表格单元格并调整页面宽度。然而,在 Chrome 中它隐藏了单元格,但将剩余的单元格保留在其原始宽度。以新尺寸重新加载页面可提供正确的外观。知道为什么这不能在 Chrome 中正确更新吗?

Safari 似乎工作正常。 Firefox 完全是另一回事,但我将单独研究。

谢谢!

最佳答案

在您的 CSS 中,您有一个 position:relative; 用于 #leftcol#rightcol。当您有一个 1024 像素的媒体屏幕时,请确保您删除此属性,然后它将作为单列显示工作。在下图中查看它是如何工作的,但最重要的是 position:relative 未选中 enter image description here

关于html - 使用媒体查询隐藏表格单元格会在 Chrome 中导致意外结果,但如果您重新加载页面就可以了,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43966718/

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