設(shè)置自適應(yīng)寬度一般都是需要把他們的width設(shè)置為百分比，你可以測試一下，或者發(fā)你的網(wǎng)址來我給你測試一下但是這樣設(shè)置只能讓表格來自適應(yīng)還需要考慮到表格內(nèi)容來自適應(yīng)，舉個例子來說吧如下 用@media screen來根據(jù)瀏覽器；ltltspanmeta name=“viewport” content=“width=devicewidth， initialscale=10， minimumscale=05， maximumscale=20， userscalable=yes” 在網(wǎng)頁的中增加以上這句話，可以讓網(wǎng)頁的寬度自動適應(yīng)手機(jī)屏幕的；自適應(yīng)手機(jī)屏幕代碼ltmeta name=quotviewportquot content=quotwidth=devicewidthquotltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10， minimumscale=10， maximumscale=10， userscalable=noquot 首；給長度的時候都按照%的形式~就會實(shí)現(xiàn)自適應(yīng)縮放~根據(jù)瀏覽器的大小打開~我用HTML做了一個頁面想讓他在手機(jī)瀏覽器中全屏顯示，可是只用了多一半屏幕首先建議你用html5來開發(fā)，然后，在網(wǎng)頁的 中增加以上這句話可以讓網(wǎng)頁。

這篇文章主要介紹了HTML5 移動頁面自適應(yīng)手機(jī)屏幕四類方法總結(jié)，非常具有實(shí)用價(jià)值，需要的朋友可以參考下1使用meta標(biāo)簽viewportH5移動端頁面自適應(yīng)普遍使用的方法，理論上講使用這個標(biāo)簽是可以適應(yīng)所有尺寸的屏幕的，但是各設(shè)備；WEB應(yīng)用的頁面，表格的表現(xiàn)形式是常常遇到的，在列數(shù)有限的前提下，如何將各列中的內(nèi)容自適應(yīng)到不同分辨率的屏幕，這應(yīng)該是一個比較容易遇到的問題，下面就來談一談我對這類問題的解決與看法將所有列設(shè)置為固定寬度，顯然。

頭部要加的是這個，放在ltheadlthead標(biāo)簽里，這是初始化手機(jī)屏幕的ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10， maximumscale=10， userscalable=noquot 你寫的這段是要放在所有css；= rem + quotpxquot媒體查詢 媒體查詢正是為解決網(wǎng)頁適應(yīng)手機(jī)屏幕媒體查詢的功能就是為不同的“媒體”設(shè)置不同的css樣式，頁面尺寸，設(shè)備屏幕尺寸等，比如我們要為寬度小于480px的頁面中的class=quoticonquot；1首先打開vscode編輯器，新建一個html文檔，里面寫入一個外層的div，再加入一行table表格2然后在上方的style標(biāo)簽中加入css樣式，設(shè)置table標(biāo)簽的樣式，table的元素具有長度自適應(yīng)性，其長度根據(jù)其內(nèi)文本長度決定，只要設(shè)置。

lttable在本例中，名為“說明”的列，內(nèi)容比較長，個人認(rèn)為可以將此列設(shè)置為浮動寬度列，用以自適應(yīng)頁面的寬度 但是當(dāng)該表格中出現(xiàn)長度比列幅寬的半角字符時，td的寬度會被內(nèi)容撐破，應(yīng)該如何解決呢解決此問題的；解決方案1p首先你要在html頁面頭部加上下面的代碼viewportquot，不懂可以百度content=quot，一些小的模塊可以用固定尺寸meta ， name=quot再就是css中要應(yīng)用到媒體查詢，不能不用固定尺寸lt，其次你要把頁面中的寬度；一自然拉伸如果你的網(wǎng)站結(jié)構(gòu)沒有用到大量的圖形來銜接，主要由表格來定結(jié)構(gòu)，那么你就可以使用該方法非常適用于主要由表格文字來表達(dá)信息的簡單的網(wǎng)頁頁面制作表格時，只要你把表格的寬度屬性定義為100%，表格就會根據(jù)；stylesheetquot href=quotcssbootstrapcssquotlt！ 如果你只需要自適應(yīng)表格的話js文件可以不用引入 ltscript src=quotbootstrapjsquotltscriptltheadltbodylttable class=quottablequotXXXXXlttableltbodylthtml；用CSS3 @media 查詢 也叫“媒體查詢”語法aaawidth1200px 正常樣式 下面是分辨率最小為300px，最大分辨率為1024px的樣式 media screen and minwidth 300px and maxwidth1024px aaaw。

2將建好的靜態(tài)頁命名為csshtml，標(biāo)題為了“css如何設(shè)置圖片大小自適應(yīng)”3在body中添加兩個p，設(shè)置不能的寬度，并設(shè)class為p1和p2，目的是用一樣的css控制圖片的寬度在不同的寬度容器中都能很好的顯示 4在兩個p的c；親，這個是手機(jī)瀏覽器自帶的一個功能，就是把頁面等比例縮小的到手機(jī)分辨率的大小，這個跟你的網(wǎng)站整體寬度是沒有關(guān)系的，這個是手機(jī)瀏覽器的功能；lt！DOCTYPE htmllthtmlltheadltmeta charset=quotUTF8quotlttitle自適應(yīng)寬度的tablelttitleltstyle type=quottextcssquottable tablelayout fixed bordercollapse collapse width 100%ltstyleltheadlt；html做個表格的步驟如下1首先新建一個html，點(diǎn)擊ltbodyltbody中間，先填入表格內(nèi)容2內(nèi)容根據(jù)需求來寫即可，示例代碼如下lttable ltp style=quottextaligncenter quot功課表ltp lttr ltth語文ltth lttd。