當(dāng)屏幕寬度小于768px手機(jī)時(shí)，將圖片換為小圖，并在div里生成img標(biāo)簽，img的寬高隨窗口變化而變化，包裹img的div也隨之變化 1打開代碼編輯器1html代碼的編寫3css代碼的編寫4js的代碼編寫5在移動(dòng)端手指。

在手機(jī)上不能固定寬度，要按百分比寫頁面寬度才能自適應(yīng)設(shè)備主要是這兩點(diǎn)，當(dāng)然細(xì)節(jié)上面還有很多和PC端不一樣的地方指向文件錯(cuò)誤，比如你的網(wǎng)頁文件在A，但是你卻指向了B你把指向的文件放到網(wǎng)頁文件內(nèi)在試試如果。

在網(wǎng)頁的中增加以上這句話，可以讓網(wǎng)頁的寬度自動(dòng)適應(yīng)手機(jī)屏幕的寬度其中width=devicewidth 表示寬度是設(shè)備屏幕的寬度 initialscale=10表示初始的縮放比例 minimumscale=05表示最小的縮放比例 maximumscale=。

2HTML代碼的截圖效果3自適應(yīng)最重要的樣式如下ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=1， userscalable=noquot width 100%backgroundsize 100% 100%4最終的效果是這樣。

1200px 正常樣式 下面是分辨率最小為300px，最大分辨率為1024px的樣式 media screen and minwidth 300px and maxwidth1024px aaawidth375px 可以參考菜鳥教程CSS3 @media 查詢。

怎么讓chrome或者自帶瀏覽器自動(dòng)適應(yīng)手機(jī)螢?zāi)?chrome或者自帶瀏覽器自動(dòng)適應(yīng)手機(jī)螢?zāi)徊皇侨Q于瀏覽器的設(shè)定，而是取決于所訪問的網(wǎng)站是否有針對手機(jī)等移動(dòng)裝置進(jìn)行自適應(yīng)設(shè)計(jì)或者轉(zhuǎn)碼設(shè)計(jì) 早期網(wǎng)站在設(shè)計(jì)時(shí)，由于設(shè)計(jì)程式。