將傳統(tǒng)網站構建成自適應網站所使用的關鍵技術

2016-10-27    分類： 自適應網站

1.媒體查詢

在將傳統(tǒng)網站升級為響應式網站中使用的媒體查詢就是指根據訪問端的屏幕分辨率，調用不同的CSS樣式來渲染頁面的結果。然后通過響應式的開發(fā)來實現(xiàn)跨設備的兼容。通過CSS中的媒體查詢可以使不同的設備使用不同的CSS樣式，最終完成響應式開發(fā)和對不同分辨率屏幕適配。

2.彈性盒子

css3中新出了一種“flex”的彈性盒子布局。他的作用就是可以根據屏幕的寬度自動等比例的分配各個元素的大小，即使你不知道設備屏幕的大小也沒有關系，類似于給寬度使用了百分比。

3.具體實現(xiàn)

傳統(tǒng)網頁重構成響應式網站的具體實現(xiàn)是在不改變PC端樣式的前提下對HTML中的DOM進行研究，重新定義一個樣式表文件來寫入不同的移動端樣式。然后根據媒體查詢來最終實現(xiàn)網站的自適應。

由于移動端的屏幕分辨率以及網絡環(huán)境的限制，所以在將PC端網頁重構成移動端網頁的時候需要將一些難以展示給客戶的組件進行隱藏，耗費流量多的組件也需要隱藏，將需要展示給客戶卻無法從PC端網頁做成移動端的部件進行重新寫入HTML，但是一定要在PC端進行隱藏。

文章名稱：將傳統(tǒng)網站構建成自適應網站所使用的關鍵技術
轉載注明：http://www.muchs.cn/news/54800.html

網站建設、網絡推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有網站制作、自適應網站等

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)

成都網頁設計公司