網(wǎng)站建設(shè)不僅要考慮PC的建設(shè)和架構(gòu)，還要考慮手機(jī)和移動(dòng)終端的視覺(jué)效果和范圍。移動(dòng)網(wǎng)站的建立和設(shè)置往往使用視口的窗口優(yōu)化效果，而手機(jī)網(wǎng)站使用微交互。當(dāng)網(wǎng)站的設(shè)置達(dá)到460PX左右，如果其他元素超過(guò)這個(gè)限制，這個(gè)限制就是標(biāo)準(zhǔn)。VIEWPORT雖然可以提供一個(gè)視覺(jué)效果較好的窗口，但需要根據(jù)不同人和受眾的實(shí)際需求，以及他們閱讀移動(dòng)網(wǎng)站的環(huán)境和氛圍，設(shè)計(jì)網(wǎng)頁(yè)窗口效果的架構(gòu)和內(nèi)容創(chuàng)作。

    有一句經(jīng)典的話，總結(jié)了視口的使用效果。視口的大小決定了CSS設(shè)置的像素?cái)?shù)剛好可以應(yīng)用到整個(gè)屏幕。比如viewport=320，也就是說(shuō)如果div的寬度設(shè)為320px，div正好可以覆蓋整個(gè)屏幕大小。

蘋(píng)果手機(jī)的分辨率是：

Iphone5:640*1136(像素)

320*568(邏輯分辨率)

Iphone6:750*1334(像素)

375*667(邏輯)

代碼可以用來(lái)使視窗的寬度等于蘋(píng)果手機(jī)的邏輯分辨率。