手機(jī)有不同的分辨率崎淳，不同的屏幕大小辞槐，如何使我們開(kāi)發(fā)應(yīng)用或頁(yè)面大小適合各種高低端手機(jī)的使用？學(xué)習(xí)html5的 ?viewport技術(shù)能夠幫助我們實(shí)現(xiàn)這一點(diǎn)秦士；
首先來(lái)介紹一下，什么是viewport技術(shù)：viewport技術(shù)就是適配屏幕像素密度的技術(shù)永高；在css中，1px單位在像素密度越大的設(shè)備上表現(xiàn)的實(shí)際尺寸就越小。為了保證尺寸不失真海雪，一般會(huì)在屏幕密度可選性較多的移動(dòng)設(shè)備中來(lái)使用viewport技術(shù)，讓同一套樣式在不同密度設(shè)備中表現(xiàn)一致辐脖。
viewport技術(shù)需要使用元信息標(biāo)簽來(lái)實(shí)現(xiàn)；
說(shuō)了這么多皆愉，下面直接上代碼嗜价，可以將下面代碼寫入一個(gè)html頁(yè)面中，將代碼運(yùn)行在移動(dòng)端來(lái)進(jìn)行測(cè)試：
<!--一般幕庐，頁(yè)面準(zhǔn)許用戶縮放時(shí)久锥，使用以下設(shè)置，在移動(dòng)端兩手指捏合觸發(fā)的事件-->
<meta name="viewport" content="width=device-width,maximum-scale=10,initial-scale=1,minimum-scale=1,user-scalable=yes">
<!--不準(zhǔn)許用戶縮放頁(yè)面异剥，使用以下設(shè)置-->
<meta name="viewport" content="width=device-width,maximum-scale=1,minimum-scale=1,initial-scale=1,user-scalable=no">
下面就分別來(lái)介紹一下它的一些屬性的含義以及該如何設(shè)置
width:設(shè)置的是展示頁(yè)面的視口（viewport）的寬度瑟由，一般不需要指定數(shù)值，讓瀏覽器根據(jù)設(shè)備的實(shí)際寬度設(shè)置為自己的寬度即可冤寿；
maximum-scale:設(shè)置頁(yè)面的放大倍數(shù)歹苦，取值范圍：0.25——10.0；一般取值為：5疚沐、8暂氯、10；
initial-scale:初始化頁(yè)面放大倍率亮蛔，取值范圍：0.25——10.0；一般取值為：1擎厢；
minimum-scale:設(shè)置頁(yè)面的縮小倍數(shù)究流，取值范圍：0.25——10.0，一般取值和initial-scale一致动遭；
（以上三個(gè)屬性互相配合使用芬探，initial==mini<=max）；
user-scalable:設(shè)置用戶是否可以縮放頁(yè)面：默認(rèn)：yes(1)厘惦；或者no（0）偷仿；
viewport先介紹到這里，如果對(duì)您有所幫助的話宵蕉，請(qǐng)點(diǎn)贊并關(guān)注哦酝静，我會(huì)不定時(shí)的更新一下自己學(xué)習(xí)的經(jīng)驗(yàn)以及見(jiàn)解，和大家進(jìn)行交流羡玛。
您贊就是是我最大的動(dòng)力１鹬恰！稼稿！
