因为小程序的rpx本身就是一个自适应显示的单位二使用bindload绑定函数动态自适应我们可以给image绑定一个函数，这个函数，如上面的bindload说明一样，我们可以获取到原图的宽度和高度然后计算他们的宽高比率然后设置一个宽度大小rpx，最后通过style动态设置image的宽高代码如下1 编写页面。

“自适应网页设计”到底是怎么做到的其实并不难首先，在网页代码的头部，加入一行 viewport元标签viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度width=devicewidth，原始缩放比例initialscale=1为10，即网页初始大小占屏幕面积的100%所有主流浏览器都。

亲，这个需要你知道rem与px的区别，如果要让手机自适应，用rem是最合适的。

设置宽度为100%，列表就可以适应屏幕同时如果你的头像要保证是正方形，就要使用js计算并动态赋值宽度和高度如使用jq语句$idcssquotwidthquot，quot150pxquot$idcssquotheightquot，quot150pxquot就是一个正方形，当然，不一定是150px，具体的宽度也可以动态获取屏幕并计算。

使用代码编辑器打开“indexhtml”文件，你可以使用Sublime等代码编辑器进行编写写入HTML5标准模块在文件中写入HTML5的基本结构，并设置网页的标题引入自适应JS代码为了确保网页在手机端也能良好显示，你需要引入一段自适应的JavaScript代码这段代码可以帮助网页根据屏幕尺寸自动调整布局创建并引入。

一高度是自适应的二以JS为例，获取浏览器的高度jquery代码直接使用 $windowheight原生态JS代码需要考虑页面DOCTYPE的声明，使用以下代码 var w=documentdocumentElement？alertw。