在响应式□□□布局中经◢常碰到这▲样的情况，如两个并□□□□排的div盒子（当然也可□□是多个并○排的div盒子），一个盒子□□里面放的□□□是图片（在这里我□□□□们称为A盒子），一个盒子□□□里面放的丨是文字描◥述内容（在这里我□□□们称为B盒子），两个盒子□□各占整个□□□□页面宽度□□□□的50%（或者有多△个div盒子宽度◥一样，或者多个div盒子宽度□□□不一样，其中有一·个或多个□□盒子包裹□□□一张图片），然而高度✦要求一样；这样就造□□成了在适•应不同大▽小的屏幕□□时，A盒子高度◤会随图片□□□的改变而□□□改变，而B盒子高度□□□□不会出现□□□变化，影响布局□□和页面的□□□□美观。
下面这张图片能够让大家有清楚的认识，效果如图：
 

HTML如图:



在响应式□□□网站设计□□布局中，不能设置□□□□固定高度，高度要随□□浏览器宽□□□□度的变化◉而变化，这里想到□□□了JS来设置高□□□□度来解决。因为我在□□□□这里用得jquery的版本较□□低，所以用的□□□□是$(window).load(function(){}),高版本请♦用$(window).on(“load”,function(){})。
JS如图：

效果如图：
 

A、B两个盒子□□的高度一□□致了，不管浏览□□器的宽度□□怎么变化，两个盒子□□的高度始◣终一致。

响应式网□□站除了设◉计要有全□□□□局性，考虑不同□□终端的排□□□□版外，前端制作※也是非常□□□考验技术。