自适应网页能根据屏幕自动调整页面布局，基本适用于市面上所有终端，给企业带来了很大的便利。对程序开发者来说，要把网站做成自适应的其实也不难，修改几项参数就可以了。

电脑网站

网页总体架构使用宽度，但内容框架、侧栏等*好使用相对宽度，这样针对不同分辨率进行修改就方便。在HTML页面上不要使用字体(px)，而要使用相对字体(em)。图片若是img标签的话，只需要在CSS代码中设置 max-width: 100%;或width:100%;不用固定数值。 语句为：img { max-width: 98%; }。background-size:100% 100%;可以实现background-image的自适应。

手机网站

在网页头部加上一条meta标签：

解释：

width=device-width ：宽度等于设备屏幕的宽度。

initial-scale=1.0：初始的缩放比例100%。

minimum-scale=0.5：*小的缩放比例50%。

maximum-scale=2.0：*大的缩放比例200%。

user-scalable=yes：用户可以调整缩放比例。

对零基础想做网站的用户来说，上面的方法还是太复杂了，*基本的那些代码是什么意思还没搞清楚，更别说在庞大的网站程序中对某项细节进行修改了。这时候想做自适应网站，可以选择成熟一点的自助建站工具。