網頁頁面適應不同用戶端瀏覽器和解析度

來源:互聯網
上載者:User

上回 說到“大螢幕瀏覽頁面的良好體驗,本就應該使用者自己調整視窗。”

根據螢幕不同大小,縮小視窗出橫向捲軸在所難免,但理想情況下,頁面應該能適應不同用戶端瀏覽器和解析度。實際操作通常又有三種情況:版面自適應、視覺自適應、內容自適應。

在windows系統工作列空白處單擊右鍵,有如下圖的菜單,分別提供有“橫向平鋪視窗、縱向平鋪視窗”的功能,根據啟用視窗個數按需切分螢幕。如果沒記錯的話,自win2000就已經用了,更早沒試過。雖然那會我們用的顯示器大些才17′,但在多視窗工作時確實方便。

版面上自適應

Information Architects Japan在06年提出 web設計95%是排版 的觀點,如果精確理解,指呈現部分資訊架構之下“資訊設計”的範疇,俗稱排版。因為我們都瞭解廣義上的web design不僅要看還得有動,其實有個很大的 知識架構 做支撐。

web排版相較平面的優勢在於資料靈活性,理論上可以實現只維護單個頁面,然後通過web技術來實現多種排版表現。在實踐中擷取點滴資訊設計基礎之後再來看這個問題,感觸頗深。

現實網站中,越重要的頁面模組越多,排版難度也就越大。比如門戶網站首頁,我很少看到自適應的,大概是雅虎網站改版開了先河。分別使用narrow layout和wide layout兩種模式,適應800和1024px解析度,根據用戶端請求分析再輸出,即在自訂基礎上實現了自適應。



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。