responsive-design - 当您缩小时，如何阻止响应式设计变得越来越宽？

Question

我目前正在设计我的第一个响应式网站，在进行一些研究时，我遇到了 2 个似乎做得很好的网站：1) www.mashable.com 2) www.bostonglobe.com。

它们之间的主要区别在于 mashable.com 有一些如何制作一个响应式网站，当您缩小时将内容锁定在适当的位置，而 bostonglobe.com 的反应方式与我的设计相同，并且只是不断扩展。（我希望这是有道理的，如果不是，请在两个站点上按 ctrl- 并查看区别）

我很想知道 mashable 是如何做到的。

谢谢

Answer 1

基本上这就是 Mashable 的工作方式......

@media (min-width: 640px) { 
.page-container {
    max-width: 1440px;
    margin: auto;
    position: relative;
    }
}