css - 根据屏幕大小显示在父div之间移动div :none a bad idea?

标签 css html screen-size

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

目前我正在重复 div 并根据屏幕尺寸将显示属性设置为无或阻止等。

第一个问题是,是否有更好的方法仅使用 html 或 css 来完成此操作?

其次,display:none 是否允许使用重复的 div id,或者仅仅是错误的编码?

谢谢

最佳答案

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

关于你的第二个问题,重复的 ID 不是 CSS 的问题,而是 HTML 的问题。无论是否使用 CSS 都是不允许的。所以不,不要这样做。

关于css - 根据屏幕大小显示在父div之间移动div :none a bad idea?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20586256/

相关文章:

html - 使用 "display:table/table-cell"时出现神秘空白

html - 使用 CSS 隐藏非 anchor 元素

css - 位置 : sticky behavior on a child element whilst the parent is not sticky?

php - 如何定义表格单元格高度 (CSS/HTML)

javascript - jQuery 将文本附加到多个输入字段

java - 因为我无法在动态大小的 Canvas 下方添加 xml 布局

iphone - 获取 iPhone 的物理屏幕尺寸(以英寸为单位)

php - 如何将格鲁吉亚字体加载到 Dompdf

javascript - 如何在jquery代码中集成 "if"

html - 框内框阴影