Html 100vh、50%和响应速度
我有这些堆叠的div，高度Html 100vh、50%和响应速度,html,css,Html,Css,我有这些堆叠的div，高度100vh（存在多填充）。然后在这个div里面，我有8个div，它们被认为是一个完美的正方形，我使用宽度：0和左侧填充：25%技巧。但我想知道如何使这两行始终适合高度：100vhdiv并按比例缩小，保持1:1比率 我已经提供了一个开始 我不完全确定这是否是您要查找的，但您可以将.entropy的高度和宽度都设置为视口高度的25%。这样，他们将永远是平方的 然后，您可能希望每隔5个正方形清除一次浮动 .wrap{ 高度：100vh； 缩放：1； } .包装：之后{ 明确
100vh（存在多填充）。然后在这个div里面，我有8个div，它们被认为是一个完美的正方形，我使用宽度：0和左侧填充：25%技巧。但我想知道如何使这两行始终适合高度：100vhdiv并按比例缩小，保持1:1
比率
我已经提供了一个开始 我不完全确定这是否是您要查找的，但您可以将.entropy
的高度和宽度都设置为视口高度的25%。这样，他们将永远是平方的
然后，您可能希望每隔5个正方形清除一次浮动
.wrap{
高度：100vh；
缩放：1；
}
.包装：之后{
明确：两者皆有；
内容：“.”；
显示：块；
字号：0；
身高：0；
线高：0；
可见性：隐藏；
}
.熵{
浮动：左；
宽度：25vh；
高度：25vh；
边框：1px纯红；
}
.熵：类型的第n个（5n）{
清除：左；
}
.熵：以前{
显示：内联块；
垂直对齐：中间对齐；
内容：''；
身高：100%；
}
.熵p{
显示：内联块；
垂直对齐：中间对齐；
}
你好
你好
你好
你好
你好
你好
你好
你好
JSFiddle很好，但请在您的问题中加入相关部分。还请注意，SO内置了类似JSFIDLE的功能。@GolezTrol谢谢.entropy
无论视口高度如何，都必须是一个完美的正方形，并且仍然可以完美地容纳2行4行。无论是顶部和底部的空白还是左侧和右侧的空白都会被创建，这也很好。有了这个，您如何将这些浮动的项目居中？