來(lái)源:派臣科技|時(shí)間:2019-01-05|瀏覽:次
自適應(yīng)網(wǎng)站設(shè)計(jì),就是讓同一個(gè)網(wǎng)頁(yè)代碼可以在不同設(shè)備上(從桌面電腦顯示器到智能手機(jī)或其他移動(dòng)產(chǎn)品設(shè)備)都能有更好的瀏覽體驗(yàn)。
因此,站長(zhǎng)在建網(wǎng)站前,就要思考好頁(yè)面部署怎樣能適應(yīng)多屏幕瀏覽,這樣移動(dòng)設(shè)備能夠通過(guò)原網(wǎng)址來(lái)瀏覽桌面站點(diǎn),看到的是自動(dòng)適應(yīng)屏幕大小后的網(wǎng)站。盡管這種方式使域名一致了,但對(duì)構(gòu)架復(fù)雜、頁(yè)面繁復(fù)的網(wǎng)站來(lái)講,代碼設(shè)計(jì)具備相當(dāng)高的難度。因此,通常自適應(yīng)網(wǎng)站設(shè)計(jì)對(duì)照合適單欄或雙欄等簡(jiǎn)易版面網(wǎng)站,對(duì)于復(fù)雜版面較難設(shè)計(jì)。因?yàn)樽赃m應(yīng)設(shè)計(jì)的內(nèi)容操作同一個(gè)網(wǎng)址,不會(huì)出現(xiàn)重定向,因此,對(duì)訪問(wèn)客戶來(lái)講,不必花時(shí)間記憶另外的網(wǎng)址。
對(duì)網(wǎng)站開發(fā)者來(lái)講,改造單欄或雙欄網(wǎng)站為自適應(yīng)網(wǎng)站的開發(fā)較為簡(jiǎn)易,只需對(duì)CSS實(shí)行不大的修改即可。自適應(yīng)網(wǎng)頁(yè)需要手機(jī)瀏覽器支持CSS3,例如,目前的iPhone和Android內(nèi)置瀏覽器都支持CSS3,但諾基亞手機(jī)內(nèi)置瀏覽器就不支持CSS3,思考到老式的手機(jī)已經(jīng)逐步淘汰,這部分客戶也能夠思考忽視不計(jì)。
同時(shí),自適應(yīng)網(wǎng)頁(yè)需要展示更多的圖片,較耗費(fèi)流量,因此也不太合適2G網(wǎng)絡(luò)客戶訪問(wèn)。對(duì)網(wǎng)站的修改來(lái)講,只要在HTML頭部提升viewport標(biāo)簽(控制顯示尺寸、是否允許縮放、初始比例、上下限等)、MobileOptimized標(biāo)簽(微軟為IEMobile版設(shè)立的定義寬度標(biāo)記)和HandheldFriendly標(biāo)簽(是否對(duì)手持設(shè)備友好,只有true或者false),在CSS文件尾部提升針對(duì)不同屏幕分辨率的規(guī)則,部署寬度操作相對(duì)寬度,隱藏側(cè)欄,半小時(shí)的開發(fā)量就能夠提高網(wǎng)站的手機(jī)移動(dòng)瀏覽體驗(yàn)。