我目前正在自定義一個電子商務網站的主題,它在所有瀏覽器上效果很好。但是,當放大(25%到90%)或縮小(只有150%)我的頁面右側的類別列表似乎是縮進英寸我這這很可能是一個CSS問題,我試圖解決這個問題在我自己的,但沒有好處。html佈局變得搞砸變焦
你可以在這裏看到:http://www.autumnmeadow.com/jar-candles
的代碼應該能夠對何種瀏覽器,您正在使用的開發工具待觀察。在IE9上似乎沒有任何問題,但在Chrome或FireFox上無法正常工作。
我目前正在自定義一個電子商務網站的主題,它在所有瀏覽器上效果很好。但是,當放大(25%到90%)或縮小(只有150%)我的頁面右側的類別列表似乎是縮進英寸我這這很可能是一個CSS問題,我試圖解決這個問題在我自己的,但沒有好處。html佈局變得搞砸變焦
你可以在這裏看到:http://www.autumnmeadow.com/jar-candles
的代碼應該能夠對何種瀏覽器,您正在使用的開發工具待觀察。在IE9上似乎沒有任何問題,但在Chrome或FireFox上無法正常工作。
嘗試使寬度和高度以%爲單位,而不是px。可以說,如果你想讓它填滿屏幕的一半,就把它做成50%。
<div width="50%" height="100%"></div>
你總是可以使用基於縮放級別是什麼CSS transform: scale(...)
和規模大小上/下,因此否定了縮放級別。
Github上項目檢測縮放級別,here
某些縮放級別的所有網站都會「休息」,它是一個真正的問題? – 2013-03-05 20:23:24
縮放是一項不完善的功能,實現方式與瀏覽器不同。讓您的網站在所有縮放級別上完美無缺地工作是浪費時間。 – 2013-03-05 20:23:39
您可能會考慮切換到處理響應式佈局的平臺。這是2011年的一個很好的綜述。如果你繼續搜索,我相信你現在可以找到更好的選擇。 http://speckyboy.com/2011/10/24/25-jquery-plugins-to-help-with-responsive-layouts/ – mkaatman 2013-03-05 20:35:26