css - css - 放大时如何让浮动的div堆叠起来

Question

在我尝试的这种响应式设计中，我有三个并排浮动的 div，当你放大它们时，它们会变得越来越窄。我希望他们保持自己的大小和堆叠。我该怎么做呢？我开始使用 jquery，但如果可能的话，我更愿意坚持使用 css。

这是我对 div 及其父容器 div 的相关样式：

#container {
margin-left:auto;
margin-right:auto;
width:110%}

.floating-div {
width:27%;
min-width:27%;
height:420px;
float:left;}

感谢阅读~

score 0 · Accepted Answer

最好使用 CSS 和视口上的断点来管理 HTML 的显示：

从上面的代码中，还需要一个 max-width 声明，以便当元素缩放时，它将下一个 div 向下推到页面上。

score 0 · Accepted Answer

0

解决了。我将浮动 div 的宽度 % 更改为 px。

于 2013-12-10T18:48:51.867 回答

2 回答 2