全寬網站因像素寬度而出現差異

我正在創建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

全寬網站因像素寬度而出現差異

回答

相關問題