|
手機(jī)版網(wǎng)站建設(shè) 網(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ī)的邏輯分辨率。 |
