通過(guò)設(shè)置viewport元標(biāo)簽，可以控制瀏覽器中的viewport大小和縮放比例，實(shí)現(xiàn)自適應(yīng)布局viewport元標(biāo)簽內(nèi)通常包含設(shè)置設(shè)備獨(dú)立像素初始縮放比例以及最小和最大縮放比例的屬性，這些屬性幫助瀏覽器根據(jù)設(shè)備屏幕尺寸調(diào)整頁(yè)面布局采用rem單位進(jìn)行布局，依據(jù)頁(yè)面根元素的字體大小來(lái)設(shè)置其他元素尺寸，實(shí)現(xiàn)自適應(yīng)布局。

所謂自適應(yīng)，就是對(duì)所支持的分辨率有一個(gè)預(yù)先定義好的寬度具體做法是，1，使用js根據(jù)屏幕分辨率來(lái)設(shè)置html寬度，不同的分辨率采用不同的html寬度2，采用固定寬度然后居中對(duì)齊或者左對(duì)齊或者右對(duì)齊3，由用戶(hù)選擇或者調(diào)整寬度，讓后記住該用戶(hù)習(xí)慣，以后登錄時(shí)直接讀取前回設(shè)置的寬度4，將以上三種。

一般需要用到JQuery來(lái)控制pre的文字字體大小lt！DOCTYPE htmllthtmlltheadltmeta charset=quotUTF8quotlttitlelttitleltheadltscript src=quotltscript type=quottextjavascriptquot$functionvar domH = $#39msg#39height 外框的高度var fsize = domH3 要改變的文字尺寸$#39。

首先你要在html頁(yè)面頭部加上下面的代碼viewportquot，不懂可以百度content=quot，一些小的模塊可以用固定尺寸meta ， name=quot再就是css中要應(yīng)用到媒體查詢(xún)，不能不用固定尺寸lt，其次你要把頁(yè)面中的寬度修改為百分比width=devicewidth ，也就是@mediainitialscale=1quot超文本標(biāo)記語(yǔ)言，標(biāo)準(zhǔn)。

有2種情況需要使用特殊字符，一是網(wǎng)頁(yè)中有其特殊意義的字符，如二是鍵盤(pán)上沒(méi)有的字符HTML字符可以用一些代碼來(lái)表示，代碼可以有2種表示方式即字符代碼命名實(shí)體和數(shù)字代碼編號(hào)實(shí)體字符代碼以符開(kāi)始，以分號(hào)結(jié)束，其間是字符名數(shù)字代碼也以符開(kāi)始，以分號(hào)結(jié)束，其間是#號(hào)加編號(hào)。