網頁高度自適應的問題

標籤：高度自適應   style   blog   http   使用   2014   問題   line   

目標：實現左右兩邊的高度一致

問題：在各個瀏覽器下，使用jquery來擷取高度出現問題

 

今天使用jquery（1.11.1）來擷取左右兩邊的高度，並設定左邊高度為右邊高度，但是中途發現當內容地區有圖片的時候，載入的高度只能識別到文字地區的高度。使用Google瀏覽器（版本 35.0.1916.153）測試，發現只要給圖片設定了固定高度則會正常識別高度，如果沒有設定則不能識別。換IE9瀏覽器測試，是可以正常識別高度。

 

 

因為我這個識別高度主要是用來設定左邊的側邊欄有背景色，並且設定高度和右邊內容地區高度一致即可。後來想js可能會出現不相容的問題，所以使用中間整個大架構（紅色框）設定背景色，然後給右邊設定背景為白色來實現。

 

這裡總結兩個問題：

　　1.js在各個瀏覽器的相容性問題，所以盡量不用js來實現。

　　2.有時候很簡單粗暴的方式也許可以解決問題，CSS是非常好的一個東西。