關(guān)于響應(yīng)式頁面(2)_網(wǎng)頁設(shè)計教程
推薦:經(jīng)驗分享:網(wǎng)頁設(shè)計中的6個小技巧工作中,網(wǎng)頁設(shè)計師經(jīng)常會遇見這些情況,時間這么短又要出彩,又是要大氣要?dú)夥誠風(fēng)格不明確很難把握,欄目這么多頁面又這么長,,突然覺得素手無策,怎么辦呢
前面設(shè)置通用字號為20px,當(dāng)分辨率超過我媒體查詢到的最大屏幕寬度的時候就適配該基準(zhǔn)字號,下面分別通過媒體查詢?yōu)榉直媛蕿?00px和720px的設(shè)備詳細(xì)調(diào)整基準(zhǔn)字號,(當(dāng)然在這里你可以增加更多的樣式去調(diào)整不同分辨率下的具體表現(xiàn))使頁面在兩個分辨率下都能有比較好的表現(xiàn)�?梢园l(fā)現(xiàn),在800px的分辨率設(shè)備中,我的基準(zhǔn)字號設(shè)置為33.34px,在720px的分辨率設(shè)備下的基準(zhǔn)字號為30px。
原文鏈接:http://cued.xunlei.com/log057
為什么在800px分辨率下基準(zhǔn)字號就為33.34px,在720px分辨率下基準(zhǔn)字號為30px呢,這是因為我是先以480px分辨率下基準(zhǔn)字號為20px去實現(xiàn)的,那么在800px或720px下的基準(zhǔn)字號就根據(jù)設(shè)備分辨率的比例去算出。 這里只給出兩個分辨率的例子,其他不同分辨率下的實現(xiàn)方法一樣。
通過上面的幾點(diǎn)關(guān)鍵技術(shù),我們就可以實現(xiàn)具體的響應(yīng)式頁面了。看完這篇文章,是不是覺得響應(yīng)式頁面其實也沒有想象中那么難呢?那么,有空自己去試試吧,只有自己動手實現(xiàn)后才能真正理解其中的奧秘哦!
分享:專題技巧淺析先以CP設(shè)計的的這個奧運(yùn)專題為例分析專題設(shè)計中常遇到的一些問題。選擇合適的素材,優(yōu)秀的素材是靈魂,平庸的素材只是裝飾;找素材要保證素材能對表達(dá)的氛圍有幫助能恰當(dāng)表
- 中國互聯(lián)網(wǎng)黑色產(chǎn)業(yè)人數(shù)近10萬 5分鐘1起網(wǎng)絡(luò)入侵
- 馬云最后的發(fā)布會:打假,打出阿里的新未來
- 實踐分享:ACCESS數(shù)據(jù)庫導(dǎo)入mysql數(shù)據(jù)庫
- ACCESS數(shù)據(jù)庫轉(zhuǎn)ORACLE數(shù)據(jù)庫分享
- CDN.net免費(fèi)CDN申請使用教程:100GB流量香港日本新加坡節(jié)點(diǎn)
- WordPress 教程:為插件自定義數(shù)據(jù)表
- 如何使用查找我的iPhone教程
- 微信公眾平臺教程(二) 消息管理與群發(fā)
- 中國IPv4地址今年將告罄 IPv6期待打破政策局
- 移動廣告野蠻成長:75%投放在iOS平臺
- 災(zāi)難面前,互聯(lián)網(wǎng)公司可以如何做的更好?
- 富士康500萬部iPhone遭蘋果退貨 損失10億元
- 相關(guān)鏈接:
- 教程說明:
網(wǎng)頁設(shè)計教程-關(guān)于響應(yīng)式頁面(2)
。