首先你要在html頁面頭部加上下面的代碼viewportquot，不懂可以百度content=quot，一些小的模塊可以用固定尺寸meta ， name=quot再就是css中要應(yīng)用到媒體查詢，不能不用固定尺寸lt，其次你要把頁面中的寬度修改為百分比。

在Bigtree看來，比較習(xí)慣于用如下的方式來處理在表格列數(shù)不是很多的前提下將大部分列寬用固定值設(shè)置死，留下一列不設(shè)置寬度，將table的寬度設(shè)置為屏幕的百分比譬如95%98%等例lttable width=quot95%quot bord。

1首先，打開html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltbody標(biāo)簽中，輸入html代碼lttable border=quot1quot lttrlttd style=quotwidth33%quot135lttdlttd style=quotwidth33%quot3lttdlttd。

例序號分類A分類B名稱說明 操作在本例中，名為“說明”的列，內(nèi)容比較長，個(gè)人認(rèn)為可以將此列設(shè)置為浮動(dòng)寬度列，用以自適應(yīng)頁面的寬度 但是當(dāng)該表格中出現(xiàn)長度比列幅寬的半角字符時(shí)，td的寬度會被內(nèi)容撐破，應(yīng)該。

quot自適應(yīng)網(wǎng)頁設(shè)計(jì)quot的核心，就是CSS3引入的MediaQuery模塊它的意思就是，自動(dòng)探測屏幕寬度，然后加載相應(yīng)的CSS文件ltlink rel=quotstylesheetquot type=quottextcssquotmedia=quotscreen and maxdevicewidth400pxquothref=quottinyScreen。

只要在網(wǎng)頁原代碼的后緊加一句，前加一句就OK了不過有幾個(gè)問題這是要注意一下，第一個(gè)要注意的是上面說到的百分比的問題，表格單元格的寬度單位最好要使用像素單位，而不要用百分比例如width=770如果你的表格寬度。

本來就是自適應(yīng)的，除非你設(shè)置了寬度，你改成width=“100%”。