根据屏幕大小显示在父div之间移动div：一个坏主意？

Question

我在网页中有一堆div需要根据屏幕大小移动到完全不同的父div。

目前我正在重复div并根据屏幕尺寸将display属性设置为none或block等。

第一个问题是，有没有更好的方法来使用html或css？

其次是display：none是否允许使用重复的div id或者只是简单的错误编码？

感谢

Answer 1

您可以使用 Flexbox's flex-flow 来移动HTML中的元素和内容。我不确定浏览器支持。在这种情况下，JavaScript解决方案会更好。

至于你的第二个问题，重复的ID不是CSS问题，这是一个HTML问题。不管你是否使用CSS都不允许。所以不，不要这样做。