首先你要在html页面头部加上下面的代码viewportquot，不懂可以百度content=quot，一些小的模块可以用固定尺寸meta ， name=quot再就是css中要应用到媒体查询，不能不用固定尺寸lt，其次你要把页面中的宽度修改为百分比。

在Bigtree看来，比较习惯于用如下的方式来处理在表格列数不是很多的前提下将大部分列宽用固定值设置死，留下一列不设置宽度，将table的宽度设置为屏幕的百分比譬如95%98%等例lttable width=quot95%quot bord。

1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的ltbody标签中，输入html代码lttable border=quot1quot lttrlttd style=quotwidth33%quot135lttdlttd style=quotwidth33%quot3lttdlttd。

例序号分类A分类B名称说明 操作在本例中，名为“说明”的列，内容比较长，个人认为可以将此列设置为浮动宽度列，用以自适应页面的宽度 但是当该表格中出现长度比列幅宽的半角字符时，td的宽度会被内容撑破，应该。

quot自适应网页设计quot的核心，就是CSS3引入的MediaQuery模块它的意思就是，自动探测屏幕宽度，然后加载相应的CSS文件ltlink rel=quotstylesheetquot type=quottextcssquotmedia=quotscreen and maxdevicewidth400pxquothref=quottinyScreen。

只要在网页原代码的后紧加一句，前加一句就OK了不过有几个问题这是要注意一下，第一个要注意的是上面说到的百分比的问题，表格单元格的宽度单位最好要使用像素单位，而不要用百分比例如width=770如果你的表格宽度。

本来就是自适应的，除非你设置了宽度，你改成width=“100%”。