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