豆瓣的手机版网站，中心的<div class="page"...是怎么实现的

[fushall]

豆瓣手机版，m.douban.com
中间的内容区域，是<div class="page"
具体效果如下：
1.页面大于 650px 的时候，内容是居中的，两端有多余的空白
2.随着浏览器的缩小，两端的空白越来越小，这时候内容依旧是居中的
3.继续缩小，当两端空白消失，页面会随着浏览器的缩小，自动调节内容

1 和 2 不知道具体是怎么实现的，3 的话，Bootstrap 可以很容易实现

请教大家，1 和 2 是怎么实现的，感觉这样做出来的网站挺好看

原谅我的这个愚蠢的提问，我甚至不知道怎么描述这个问题

[shenyu1996]

margin: auto?

[iNaru]

最经典的块级元素 margin:0 auto; 居中吧 max-width 限制最大宽度。

[lhx2008]

没去翻源代码，不过我猜肯定是媒体查询，不同浏览器宽度代码是不同的

[fushall]

谢谢大家的帮助，果然实现了这个效果，附上简单的代码：
<div class="container-fluid">
<div class=row style="max-width:650px; margin: 0 auto;">
<div class="rol" style="border: solid 1px red;></div>
<div class="rol-8" style="border: solid 1px red; height:100px></div>
<div class="rol" style="border: solid 1px red;></div>
</div>
</div>

[sneezry]

https://output.jsbin.com/gejiyat