如今的屏幕分辨率,小至320px(iPhone),大到2560px甚至更高(大顯示器),變化范圍極大。除了使用傳統的臺式機,用戶會越來越多的通過手機、上網本、iPad一類的平板設備來瀏覽頁面。這種情況下,固定寬度的設計方案將會顯得越發不合理。頁面需要有更好的適應性,其布局結構要做到根據不同的設備及屏幕分辨率進行響應調整。接下來,我們將了解一下怎樣通過html5和css3 Media Queries(媒介查詢)相關技術來實現跨設備跨瀏覽器的響應式web設計方案。
我們需要在頁面中調用css3-mediaqueries.js文件,來幫助IE8或是之前的版本支持CSS3 media queries:
新聞熱點
疑難解答