今天要說的是自適應布局技術中的一個難題，就是，如何讓table元素也能表現出自適應性按HTML5的說法，table是一個不鼓勵使用的HTML標記，但現實工作中，我們避免不了的偶爾會用到它那么，怎樣讓一個傳統(tǒng)的表格也表現出自。

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

比如可讀性區(qū)域面積及不同設備下運行的狀態(tài)等這對于設計師的要求甚高，這樣導致要做一個完美自適應網站變得很難，所以據另 貓 電商可知在建設自適應網站的時候，要注意幾點，避免中途出現差錯一HTML5CSS3為基礎。

頭部要加的是這個，放在ltheadlthead標簽里，這是初始化手機屏幕的ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10， maximumscale=10， userscalable=noquot 你寫的這段是要放在所有css。

5在兩個p中加入相同的圖片img src=quotimages5pngquot，在瀏覽器打開頁面發(fā)現加入圖片后把原來的p都給覆蓋掉了 6這個時候我們需要在img類中加入限制圖片的寬度的css語句讓他自己適應容器的寬度imgimgwidth100%。

在css中定義一個控制embed的div樣式， 自適應可以利用的浮動元素的尺寸可以通過margin來調整，然后讓body的高度要設為100%，這樣內部的div的高度設為100%才有效，寬度嘛不用管他，div默認就是自適應寬度的 東莞匯鑫。

ltstyle type=quottextcssquot html fontsize 42px ltstyle4 按照設計圖的像素進行開發(fā) 按照正常網頁開發(fā)流程，進行網頁開發(fā)即可5 使用百分比和rem替換px 代碼效果對比*使用固定像素*box。