需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html，输入问题基础代码。
2、在index.html中的<style>标签中，输入css代码：table{width:85%}。
3、浏览器运行index.html页面，此时通过表格的宽度会随着屏幕的变化而变化，并且固定占用85%。
亲，这个需要你知道rem与px的区别，如果要让手机自适应，用rem是最合适的。http://3g.bjnaotan999.com/css/css2.css 看看这个写的css .重点是最底下那一大段自适应的写法。然后你只要宽度是rem就OK。自己仔细研究一下。http://3g.bjnaotan999.com/ 你把这个网站css2.css和phonecommon.js用上，自然就会了。原则1：html { font-size: 62.5%} 这个必须写
原则2：css底下一长串的自适应判断。只要造抄就行。
原则3：css中所有的图片和div等等所以元素必须用rem单位，不能出现px单位。否侧会出错
原则4：所有的图片宽度必须设定。高度自适应或者设定。这样才能随着手机图片自适应。
原则5：所以图片必须写在html中，不能写在css中做背景。原因很简单，css中没法设定图片的宽高，也就不能自适应。
原则6：设计稿宽度为640px宽度，切图保存。写css时 将px大小除20换算出来的就是你要写的rem的大小。
至于js部分，只能一样画葫芦，跟着照写就行，靠自己领悟。
再次强调：要了解rem的单位和px单位的区别。
