課程
/前端開發(fā)
/CSS3
/CSS3圖片動(dòng)態(tài)提示效果
媒體查詢那塊聽不太懂
誰能大概說說怎么用呢
2018-05-06
源自:CSS3圖片動(dòng)態(tài)提示效果 1-5
正在回答
@media screen and (max-width: 700px){
? ? ? ? ? ? ?html{
? ? ? ? ? ? ? ? font-size: 10px;
? ? ? ? ? ? ?}
? ? ? ? ?}
一般媒體查詢常用于移動(dòng)端開發(fā),比如說你的頁面最后會(huì)使用在手機(jī)上和PC上,手機(jī)的屏幕比較小,我們可以把字體設(shè)置的小一點(diǎn),上面應(yīng)用到html的字體大小規(guī)則只會(huì)在屏幕尺寸寬度小于700px的時(shí)候生效。當(dāng)然除了尺寸,也可以用媒體查詢區(qū)分設(shè)備類型,比如顯示器,打印機(jī)之類的。
舉報(bào)
實(shí)用的CSS3圖片動(dòng)態(tài)提示效果,熟練掌握CSS動(dòng)畫的制作技法
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2018-05-23
@media screen and (max-width: 700px){
? ? ? ? ? ? ?html{
? ? ? ? ? ? ? ? font-size: 10px;
? ? ? ? ? ? ?}
? ? ? ? ?}
一般媒體查詢常用于移動(dòng)端開發(fā),比如說你的頁面最后會(huì)使用在手機(jī)上和PC上,手機(jī)的屏幕比較小,我們可以把字體設(shè)置的小一點(diǎn),上面應(yīng)用到html的字體大小規(guī)則只會(huì)在屏幕尺寸寬度小于700px的時(shí)候生效。當(dāng)然除了尺寸,也可以用媒體查詢區(qū)分設(shè)備類型,比如顯示器,打印機(jī)之類的。