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

在Bigtree看來，比較習慣于用如下的方式來處理在表格列數(shù)不是很多的前提下將大部分列寬用固定值設置死，留下一列不設置寬度，將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名稱說明 操作在本例中，名為“說明”的列，內容比較長，個人認為可以將此列設置為浮動寬度列，用以自適應頁面的寬度 但是當該表格中出現(xiàn)長度比列幅寬的半角字符時，td的寬度會被內容撐破，應該。

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

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

本來就是自適應的，除非你設置了寬度，你改成width=“100%”。