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

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

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

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

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