aaawidth1200px 正常樣式 下面是分辨率最小為300px，最大分辨率為1024px的樣式 media screen and minwidth 300px and maxwidth1024px aaawidth375px 可以參考菜鳥教程CSS3 @medi；在手機(jī)上不能固定寬度，要按百分比寫頁(yè)面寬度才能自適應(yīng)設(shè)備主要是這兩點(diǎn)，當(dāng)然細(xì)節(jié)上面還有很多和PC端不一樣的地方我就不述了，你按照上面亮點(diǎn)寫你的頁(yè)面，就能解決你說(shuō)的問題你的指向文件錯(cuò)誤，比如你的網(wǎng)頁(yè)文件在；設(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ù)瀏覽器。

1，輸入positionfixedtop0left0將整個(gè)div固定在屏幕的頂部和左側(cè)2輸入width100％height100％min－width1000px這個(gè)可以適合div的高度和寬度，而min－width是為了實(shí)現(xiàn)讓屏幕寬度在1000px以內(nèi)時(shí)；自動(dòng)把頁(yè)面自適應(yīng)到屏幕的大小這個(gè)是管用的em是字體的寬度，也就是一個(gè)字體寬12px，那么em=12px字體為15px，em=15px一般用來(lái)動(dòng)態(tài)控制字體外的區(qū)塊大小去適應(yīng)字體，而不是用來(lái)設(shè)置字體的大小的；= rem + quotpxquot媒體查詢 媒體查詢正是為解決網(wǎng)頁(yè)適應(yīng)手機(jī)屏幕媒體查詢的功能就是為不同的“媒體”設(shè)置不同的css樣式，頁(yè)面尺寸，設(shè)備屏幕尺寸等，比如我們要為寬度小于480px的頁(yè)面中的class=quoticonquot。

lt！DOCTYPE htmllthtmlltheadltmeta charset=quotUTF8quotlttitle自適應(yīng)寬度的tablelttitleltstyle type=quottextcssquottable tablelayout fixed bordercollapse collapse width 100%ltstyleltheadlt；自適應(yīng)手機(jī)屏幕代碼ltmeta name=quotviewportquot content=quotwidth=devicewidthquotltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10， minimumscale=10， maximumscale=10， userscalable=noquot 首；前言我們?cè)陂_發(fā)的時(shí)候，后臺(tái)有時(shí)候會(huì)給我們Html的文本，和圖片，但Html一般是電腦端的，放在手機(jī)端圖片會(huì)特別大，所以我們要進(jìn)行一些適配 先看一下效果 這里因?yàn)橐玫綀D片查看器，所以加上以下依賴 ，支持手勢(shì)雙擊，單機(jī)；才能自適應(yīng)設(shè)備主要是這兩點(diǎn)，當(dāng)然細(xì)節(jié)上面還有很多和PC端不一樣的地方我就不一一詳述了，你按照上面亮點(diǎn)寫你的頁(yè)面，就能解決你說(shuō)的問題萬(wàn)維網(wǎng)上的一個(gè)超媒體文檔稱之為一個(gè)頁(yè)面外語(yǔ)page作為一個(gè)組織或者。

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；p首先你要在html頁(yè)面頭部加上下面的代碼viewportquot，不懂可以百度content=quot，一些小的模塊可以用固定尺寸meta ， name=quot再就是css中要應(yīng)用到媒體查詢，不能不用固定尺寸lt，其次你要把頁(yè)面中的寬度修改為百分比；左右自適應(yīng)兩列布局用到float屬性 寬度按百分比設(shè)置下圖就是在手機(jī)中的樣子 lt！DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot lttitlelttitle ltstyle type=quottextcssquot margin 0padding 0；這個(gè)你可以換手機(jī)瀏覽器試試，它的兼容性好，功能全面它省流量速度快體驗(yàn)好，其中的論壇模式小說(shuō)模式閱讀模式適應(yīng)屏幕等更是比其他瀏覽器強(qiáng)大的功能，而且手機(jī)瀏覽器更新快，頁(yè)面體驗(yàn)好，且很人性化，各種。

給長(zhǎng)度的時(shí)候都按照%的形式~就會(huì)實(shí)現(xiàn)自適應(yīng)縮放~根據(jù)瀏覽器的大小打開~我用HTML做了一個(gè)頁(yè)面想讓他在手機(jī)瀏覽器中全屏顯示，可是只用了多一半屏幕首先建議你用html5來(lái)開發(fā)，然后，在網(wǎng)頁(yè)的 中增加以上這句話可以讓網(wǎng)頁(yè)；親，這個(gè)是手機(jī)瀏覽器自帶的一個(gè)功能，就是把頁(yè)面等比例縮小的到手機(jī)分辨率的大小，這個(gè)跟你的網(wǎng)站整體寬度是沒有關(guān)系的，這個(gè)是手機(jī)瀏覽器的功能。

一般對(duì)應(yīng)移動(dòng)端另外設(shè)計(jì)一套網(wǎng)頁(yè)模版，并自適應(yīng)屏幕大小 自適應(yīng)而言一般定義寬度高度采用百分比而不是具體像素，或者使用腳本語(yǔ)言動(dòng)態(tài)設(shè)定html的寬度高度。