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

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

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

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

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

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

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

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

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