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

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

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

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

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