前幾天碰到乙個問題,在用bs和jq2.2.0開發時,min-height設為100%在firefox和ie下沒有起作用,先用css改了一下,但是min-height雖然是奏效了,但同時出現了其他css問題,千絲萬縷,隨後萬能的js完美解決問題,簡單粗暴。
首先說一下問題產生的原因:jq2+獲取heigh沒有相容ie,故height()不行。
查閱資料知:視窗的高度
firefox、chrome、ie9和safari:window.innerheight
ie系列:document.body.clientheight
不是ie6:document.documentelement.clientheight
故相容**如下:
1var height = window.innerheight || (document.body ? document.body.clientheight : false) || (document.documentelement ? document.documentelement.clientheight : null);
innerheight獲取視窗的文件顯示區的高度,但是ie不支援,它用 documentelement.clientheight 或 document.body.clientheight 替代。故上面的**可相容ie。
不是ie時,取innerheight,ie時若documentelement.clientheight為真則取documentelement.clientheight,若document.body.clientheight 為真則取document.body.clientheight 。
至此問題完美解決,賦值給min-height即可。
最小高度(min height)的妙用
from 最小高度可以設定乙個box的最小高度,當其內容較少時時,也能保持box的高度為一定,超出就自動向下延伸,但到目前為止,只有opera 和 mozilla 支援,ie7開始也支援了,但ie7處於測試階段,等正式版發布到普及需一段也許比較長的時間,除非ms把它 在某個作業系統上,如何在現有基礎...
關於div高度 寬度 100
正像你所知道的那樣,設定div大小的有兩個屬性width和height,以前在學習div每次給div設定100 寬度或高度時都很迷惑,不明確這個100 的寬度 高度 到底有多寬有多高?這個100 是從 得到的從 繼承的?今天我們的話題就是有關div高度100 的問題!其實,要弄懂div寬度 widt...
關於height 100 失效的解決
我們在設定width 100 時可以橫向佔滿全屏,但是設定height 100 確沒有任何作用,舉個例子 html html headlang en metacharset utf 8 title title style d1 style head body divid d1 我是高度100 div...