2012-12-16 46 views
1

這裏是有問題的網站:CSS寬度沒有改變,無論我做什麼

http://harrisonfjord.com/folio/

的問題

該網站能正常工作(使用swipe.js處理滑塊),但是一旦你調整窗口的大小低於380px左右,整個事情就會崩潰。 (嘗試調整窗口大小,然後將1或2滑向右側)。

我不能爲我的生活找出原因。我的媒體查詢都不影響窗口大小,看起來像包含<li>元素不能低於352px。如果我將它們設置爲width: 180px !important;,它仍然保持在352px!

我完全難住了。任何想法是什麼導致這些問題?

+4

使用網絡瀏覽器開發工具來檢查* applied *樣式。然後嘗試改變「活元素」(或相關的「現場風格選擇器」)的CSS,並查看發生了什麼。 – 2012-12-16 06:44:13

+0

這就是我一直在做的事情,用Chrome的檢查元素。我將瀏覽器的大小調整爲很小,並且可以使用設置,但一切都會中斷。我甚至開始刪除我已經應用的大部分CSS,但無濟於事。 – Jascination

+0

您是否正在查看適用於元素及其父母的樣式的** all **(如繼承或'!important')? – Ian

回答

0

該網站似乎完全在IE 8中被打破。與Internet Explorer的一些問題是由於它處於'怪癖模式'(參見http://en.wikipedia.org/wiki/Quirks_mode)引起的。通過確保文檔類型已設置,並且在doctype之前沒有發生任何事情,我的網站開始按預期工作。

相關問題