全宽网站因像素宽度而出现差异

我正在创建full width website。该网站在我的电脑上全角显示，但当我在其他电脑上查看时，该网站似乎在左侧和右侧都有空闲空间。全宽网站因像素宽度而出现差异

如何使这个网站的全宽？

.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); 
}

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

来源

2015-09-22 Fahad Uddin

如果您希望网站的宽度为_100％，并且没有空余空间，那么您反对使用_100％_的宽度？ –

使用像素取决于显示器分辨率！因此，您的浏览器可能会显示100％。你应该明确使用百分比。 – Onilol

只要改变你的主容器： -

.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更改任何宽度像素值百分比。

来源

2015-09-22 18:04:09 aphextwix

百分比绝对是最简单的方法，如果你张贴一些代码，我们可以看看你有什么和扩展divs来保持设计和基本拉伸两侧。但是没有人会只使用：

width: 100%;

来源

2015-09-22 18:04:02

全宽网站因像素宽度而出现差异

回答

相关问题