HTML + CSS响应DIV网格

Question

我正在开发一个项目，我希望有一个带有div的响应页面。它看起来像一个网格，在小屏幕上而不是有3列，div将重组为2列。

这里是一个简单的html：

Pointer_Base * arr[2];
PQ<string> first;
PQ<int> second;
arr[0] = first;

http://jsfiddle.net/GeorgesL/1zdx735y/

在进入2列之后它没有占据整个宽度，我可能没有能力理解为什么......

另外，我必须确切地说文章实际上是图片。 非常感谢：）

卢卡斯

Answer 1

最重要的是你需要

1. 管理不同断点的包装div的宽度
2. 将float:left;用于.element

除此之外，还有一些基本的三个重点，通常用于编写你的css。

@media screen and (max-width:959px){

}
@media screen and (max-width:640px){

}
@media screen and (max-width:320px){

}

请注意：

1. 故意我没有在断点下添加任何CSS - 如果您可以自己尝试，那将是最好的。
2. 您可以使用更少的分数点，以及各种设备大小。