關于響應式頁面(2)_網頁設計教程
教程Tag：暫無Tag,歡迎添加,賺取U幣!
推薦：經驗分享：網頁設計中的6個小技巧工作中,網頁設計師經常會遇見這些情況,時間這么短又要出彩,又是要大氣要氣氛\風格不明確很難把握,欄目這么多頁面又這么長,,突然覺得素手無策,怎么辦呢
前面設置通用字號為20px，當分辨率超過我媒體查詢到的最大屏幕寬度的時候就適配該基準字號，下面分別通過媒體查詢為分辨率為800px和720px的設備詳細調整基準字號，（當然在這里你可以增加更多的樣式去調整不同分辨率下的具體表現）使頁面在兩個分辨率下都能有比較好的表現。可以發現，在800px的分辨率設備中，我的基準字號設置為33.34px，在720px的分辨率設備下的基準字號為30px。
原文鏈接：http://cued.xunlei.com/log057
為什么在800px分辨率下基準字號就為33.34px，在720px分辨率下基準字號為30px呢，這是因為我是先以480px分辨率下基準字號為20px去實現的，那么在800px或720px下的基準字號就根據設備分辨率的比例去算出。 這里只給出兩個分辨率的例子，其他不同分辨率下的實現方法一樣。
通過上面的幾點關鍵技術，我們就可以實現具體的響應式頁面了。看完這篇文章，是不是覺得響應式頁面其實也沒有想象中那么難呢？那么，有空自己去試試吧，只有自己動手實現后才能真正理解其中的奧秘哦！
分享：專題技巧淺析先以CP設計的的這個奧運專題為例分析專題設計中常遇到的一些問題。選擇合適的素材，優秀的素材是靈魂，平庸的素材只是裝飾；找素材要保證素材能對表達的氛圍有幫助能恰當表
相關網頁設計教程：
- 相關鏈接：
- 教程說明：
網頁設計教程-關于響應式頁面(2)
。