在響應(yīng)式布局中經(jīng)常碰到這樣的情況，如兩個(gè)并排的div盒子（當(dāng)然也可是多個(gè)并排的div盒子），一個(gè)盒子里面放的是圖片（在這里我們稱為A盒子），一個(gè)盒子里面放的是文字描述內(nèi)容（在這里我們稱為B盒子），兩個(gè)盒子各占整個(gè)頁(yè)面寬度的50%（或者有多個(gè)div盒子寬度一樣，或者多個(gè)div盒子寬度不一樣，其中有一個(gè)或多個(gè)盒子包裹一張圖片），然而高度要求一樣；這樣就造成了在適應(yīng)不同大小的屏幕時(shí)，A盒子高度會(huì)隨圖片的改變而改變，而B(niǎo)盒子高度不會(huì)出現(xiàn)變化，影響布局和頁(yè)面的美觀。
下面這張圖片能夠讓大家有清楚的認(rèn)識(shí)，效果如圖：
 

HTML如圖:



在響應(yīng)式網(wǎng)站設(shè)計(jì)布局中，不能設(shè)置固定高度，高度要隨瀏覽器寬度的變化而變化，這里想到了JS來(lái)設(shè)置高度來(lái)解決。因?yàn)槲以谶@里用得jquery的版本較低，所以用的是$(window).load(function(){}),高版本請(qǐng)用$(window).on(“load”,function(){})。
JS如圖：

效果如圖：
 

A、B兩個(gè)盒子的高度一致了，不管瀏覽器的寬度怎么變化，兩個(gè)盒子的高度始終一致。

響應(yīng)式網(wǎng)站除了設(shè)計(jì)要有全局性，考慮不同終端的排版外，前端制作也是非?？简?yàn)技術(shù)。