服務熱線 400-660-5555 （轉1）
網站建設
在響應式布局中經常碰到這樣的情況，如兩個并排的p盒子（當然也可是多個并排的p盒子），一個盒子里面放的是圖片（在這里我們稱為A盒子），一個盒子里面放的是文字描述內容（在這里我們稱為B盒子），兩個盒子各占整個頁面寬度的50%（或者有多個p盒子寬度一樣，或者多個p盒子寬度不一樣，其中有一個或多個盒子包裹一張圖片），然而高度要求一樣；這樣就造成了在適應不同大小的屏幕時，A盒子高度會隨圖片的改變而改變，而B盒子高度不會出現變化，影響布局和頁面的美觀。
下面這張圖片能夠讓大家有清楚的認識，效果如圖：
HTML如圖：
在響應式網站設計布局中，不能設置固定高度，高度要隨瀏覽器寬度的變化而變化，這里想到了JS來設置高度來解決。因為我在這里用得jquery的版本較低，所以用的是$(window).load(function(){})，高版本請用$(window).on(load，function(){})。
JS如圖：
效果如圖：
A、B兩個盒子的高度一致了，不管瀏覽器的寬度怎么變化，兩個盒子的高度始終一致。
響應式網站除了設計要有全局性，考慮不同終端的排版外，前端制作也是非常考驗技術。
添加動力小姐姐微信
電話咨詢
400-660-5555 （轉1）
