Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 使用媒体查询隐藏表格单元格会在Chrome中导致意外结果,但若重新加载页面,则可以_Html_Css_Google Chrome - Fatal编程技术网

Html 使用媒体查询隐藏表格单元格会在Chrome中导致意外结果,但若重新加载页面,则可以

Html 使用媒体查询隐藏表格单元格会在Chrome中导致意外结果,但若重新加载页面,则可以,html,css,google-chrome,Html,Css,Google Chrome,您好,在上面的WIP示例中,当大小缩小到1024以下时,此站点应该通过隐藏两个表单元格和调整页面宽度来切换到单列视图。但是,在铬合金中,它隐藏了单元格,但保留了原始宽度的剩余单元格。以新的大小重新加载页面可以获得正确的外观。你知道为什么这不能在Chrome中正确更新吗 Safari似乎很管用。Firefox是一个完全不同的故事,但我将单独研究 谢谢 在CSS中有一个位置:相对;对于leftcol和rightcol。当您有1024px的媒体屏幕时,请确保删除此属性,然后它将作为一栏显示。在下图中可

您好,在上面的WIP示例中,当大小缩小到1024以下时,此站点应该通过隐藏两个表单元格和调整页面宽度来切换到单列视图。但是,在铬合金中,它隐藏了单元格,但保留了原始宽度的剩余单元格。以新的大小重新加载页面可以获得正确的外观。你知道为什么这不能在Chrome中正确更新吗

Safari似乎很管用。Firefox是一个完全不同的故事,但我将单独研究

谢谢

在CSS中有一个位置:相对;对于leftcol和rightcol。当您有1024px的媒体屏幕时,请确保删除此属性,然后它将作为一栏显示。在下图中可以看到它是如何工作的,但最重要的是,位置:relative未选中