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