CSS佈局突破放大/縮小

Question

我是一個自學成才的網站設計師，帶着驚人的3個站點左右。我剛剛爲一位朋友的客戶完成了網站的第一頁，因此比「真實」的客戶更耐心。

我喜歡這些網站的外觀，它在流行的瀏覽器系列中相當一致，總體而言，我很自豪，直到我意識到一個重要問題，說實話是離開讓我掉兩步我成爲網頁設計師的夢想。

當使用Chrome，Safari或舊版本瀏覽器的網站佈局分崩離析，如果有人的縮放設置爲100％以外的任何東西。

令我感到沮喪的是，我接近抑鬱症。我用一個div來包圍整個身體，頁面佈局，在這種情況下是一個菜單，幾乎完全是用絕對定位的UL（無序列表）完成的。

該網站在所有的連接部位（就像是一個謎），如果有些部分是脫節的，很可怕很明顯這樣的方式來構成。

聽說變焦向上取整數字，可以稱之爲一對夫婦在這裏和那裏的低阿爾法像素，但在我的情況下，一些塊元素字面上25-50像素格格不入。

http://www.stevemarcella.com

Answer 1

沒有必要讓你的夢想粉碎只是尚未：>總是有希望。

你應該做的第一件事是檢查所有的錯誤，根據驗證這些都對網頁536個錯誤。 我建議你運行驗證器並逐個更正錯誤。它可以解決你的問題。我注意到的第一個錯誤是你身上有一個div元素。您應該將所有內容都放在body標籤中。

這是身體外部。

<div class="wrapAroundBody" id="IdWrappingWholeBody"> 

希望它有幫助。