1、允許網頁寬度自動調整:
首先,在網頁代碼的(de)頭部,加入一行viewport元标簽。
<meta name="viewport"content="width=device-width, initial-scale=1"/>
viewport是網頁默認的(de)寬度和(hé)高(gāo)度,上面這(zhè)行代碼的(de)意思是,網頁寬度默認等于屏幕寬度(width=device-width),原始縮放比例(initial-scale=1)爲1.0,即網頁初始大(dà)小占屏幕面積的(de)100%。
2、不使用(yòng)絕對(duì)寬度:隻能指定百分(fēn)比寬度:width: 98%;
3、相對(duì)大(dà)小的(de)字體:字體也(yě)不能使用(yòng)絕對(duì)大(dà)小(px),而隻能使用(yòng)相對(duì)大(dà)小(em)