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