全宽网站因宽度（以像素为单位）而显示不同

Question

我正在创建CocoaPods official web-site。该网站在我的计算机上显示为全宽，但当我在其他计算机上检查时，该网站似乎在左右两侧都有可用空间。

如何让这个网站全宽？

.wrapper_boxed {
    width: 1000px;
    margin: 0
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}

我读过的一个解决方案是使用百分比宽度重新开发。

Answer 1

只需更换主容器： -

.wrapper_boxed {
    width: 100%;
    margin: 0
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}

您可能需要浏览wrapper boxed中的元素才能将任何宽度的像素值更改为百分比。