響應式網站設計如何調整分辨率。
發表日期:2015/7/23 16:08:56 文章編輯: 瀏覽次數:2755
響應式網站設計調整分辨率
不同的設備都有各自的屏幕分辨率、清晰度以及屏幕定向方式,不斷被研發著的各種新設備也將帶來新的屏幕尺寸規格。有些設備基于豎屏(portrait),有些是橫屏(landscape),甚至還有正方形;對于日益流行的iPhone、iPad及其他一些智能手機、平板電腦,用戶還可以通過轉動設備來任意切換屏幕的定向方式。怎樣才能做到讓一種設計方案滿足所有情況?

要想做到同時兼容橫、豎屏(用戶還有可能在頁面加載的過程中切換方向),我們就必須考慮N種屏幕尺寸規格。誠然,我們可以將這些規格劃分為幾個大類,然后為每一類做一種方案,確保該方案至少在本組中盡量具有彈性。但即使這樣,結果也將是無比焦慮的,誰知道某類設備在5年之后的占有率是多少?而且很多用戶甚至不去將瀏覽器的窗口最大化;類似這樣的變數,我們還要考慮多少呢?
Morten Hjerde和他的同事們對2005至2008年市場中的400余種移動設備進行了統計(查看報告),下圖展示了大致的統計結果:

在08年之后,更多更有代表性的新設備問世并普及了。顯然,我們不可以沿著“多方案”的思路繼續走下去;那么我們應該怎樣做呢?
-
iOS中UI元素拖拽圖標的優化
日期:2015-08-12 瀏覽次數:2739
-
安卓和蘋果手表之間的操作系統對比。
日期:2015-08-12 瀏覽次數:2993
-
iOS的UI元素導航欄里的完成按鈕的優化
日期:2015-08-12 瀏覽次數:2673
-
iOS當中UI元素頁碼指示符(小圓點)的優化。
日期:2015-08-12 瀏覽次數:2806
-
如何打造響應式的布局結構。
日期:2015-07-23 瀏覽次數:2694
-
免費SSL證書申請網站topssl.cn上線
日期:2024-09-23 瀏覽次數:1929
-
如何在北京順義尋找一個踏實的網站建設公司
日期:2023-08-10 瀏覽次數:4985
-
順義網站建設:北京順義網站建設的優點
日期:2023-05-25 瀏覽次數:5366
-
選擇網站公司需要考慮哪些因素
日期:2023-05-25 瀏覽次數:4206
-
北京模板建站
日期:2023-03-28 瀏覽次數:4422
-
移動白色空間設計的最佳實踐
日期:2019-01-07 瀏覽次數:2687
-
如何為SEO生成高質量的反向鏈接
日期:2019-03-08 瀏覽次數:2412
-
網站無法獲得業務的5個可能的原因
日期:2019-06-14 瀏覽次數:2309
-
2019年網站設計?新趨勢
日期:2018-12-10 瀏覽次數:2461
-
網站經濟學:您的網站的利潤空間
日期:2019-01-10 瀏覽次數:2421










