瀏覽器部分能夠顯示的最小字體未12px，當(dāng)移動(dòng)端頁(yè)面寬度為320px時(shí)，要保證最小字體為12px，那么在1080px的設(shè)計(jì)圖中，最小字體應(yīng)當(dāng)為42px代碼實(shí)例ltstyle type=quottextcssquot html fontsize 42px。

圖片自適應(yīng)屏幕大小顯示主要是利用百分比來(lái)控制，切忌給圖片寬度一個(gè)固定值如下代碼html代碼ltdiv class=quotimgboxquot ltimg src=quot圖片地址quot alt=quotquot ltdiv 此時(shí)的css可以寫成imgbox imgwidth100% 這樣，圖片。

1首先需要新建一個(gè)HTML頁(yè)面2然后輸入頁(yè)面的標(biāo)題，可以按照下方圖中的進(jìn)行設(shè)置3然后在根據(jù)下方圖片中的代碼進(jìn)行編輯，4在兩個(gè)div的class 中添加相同的控制圖片的class名為了 ”img“，并為div添加控制寬度的樣式。

首先看你的背景圖片大小，如果很大的話，一般情況下很多顯示器都會(huì)顯示的合適如果是想適應(yīng)移動(dòng)設(shè)備的，用一個(gè)CSS3屬性 backgroundsizecover就可以了，可以將背景圖根據(jù)窗口大小鋪滿整個(gè)瀏覽器窗口。

你可以設(shè)置圖片的寬度為100%，這樣圖片就可以根據(jù)你的屏幕大小改變寬度了 你可以設(shè)置包在圖片外部的div為100%，然后設(shè)置overflowhidden的屬性，這樣圖片大了之后就會(huì)溢出隱藏，不會(huì)搞亂你的布局了。

根據(jù)你要做的產(chǎn)品圖或banner圖，外面的div要設(shè)置寬度高度里面的圖片再設(shè)置 width100% heightauto。

6最后在title標(biāo)簽下面插入style標(biāo)簽如下圖所示，接著在style標(biāo)簽中編輯css樣式，如下圖所示，imgwidth100pxheightauto，這里表示把圖片設(shè)置為100px寬auto表示高度根據(jù)圖片比例自適應(yīng)設(shè)置圖片大小就完成了。

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

如果通過(guò)css設(shè)置背景圖，那么圖片尺寸要足夠大，目前大寬屏1920左右，所以寬度最好設(shè)置為1920，然后居中如果通過(guò)div嵌入圖片，那么將此div設(shè)置成絕對(duì)定位，zindex1萬(wàn)維網(wǎng)上的一個(gè)超媒體文檔稱之為一個(gè)頁(yè)面外語(yǔ)pag。