|
手機版網(wǎng)站建設(shè) 網(wǎng)站建設(shè)不僅要考慮PC的建設(shè)和架構(gòu)，還要考慮手機和移動終端的視覺效果和范圍。移動網(wǎng)站的建立和設(shè)置往往使用視口的窗口優(yōu)化效果，而手機網(wǎng)站使用微交互。當(dāng)網(wǎng)站的設(shè)置達到460PX左右，如果其他元素超過這個限制，這個限制就是標(biāo)準(zhǔn)。VIEWPORT雖然可以提供一個視覺效果較好的窗口，但需要根據(jù)不同人和受眾的實際需求，以及他們閱讀移動網(wǎng)站的環(huán)境和氛圍，設(shè)計網(wǎng)頁窗口效果的架構(gòu)和內(nèi)容創(chuàng)作。
有一句經(jīng)典的話，總結(jié)了視口的使用效果。視口的大小決定了CSS設(shè)置的像素數(shù)剛好可以應(yīng)用到整個屏幕。比如viewport=320，也就是說如果div的寬度設(shè)為320px，div正好可以覆蓋整個屏幕大小。 蘋果手機的分辨率是： Iphone5:640*1136(像素) 320*568(邏輯分辨率) Iphone6:750*1334(像素) 375*667(邏輯) 代碼可以用來使視窗的寬度等于蘋果手機的邏輯分辨率。 |
