css3中我們可以使用@media來實現(xiàn)響應式布局
1. 語法
@media mediaType and|not|only (media feature)
mediaType 取值
all 用于所有設備
print 用于打印機和打印預覽
screen 用于電腦屏幕耐齐,平板電腦腋颠,智能手機等
speech 應用于屏幕閱讀器等發(fā)聲設備
media feature 常用取值
width,max-width矾踱,min-width等
2. 強調min-width和max-width
@media screen and (min-width: 900px){
.btn{
width: 33.33%;
}
}
上述樣式只有在屏幕寬度大于等于900px時整以,才會生效
@media screen and (max-width: 600px){
.btn{
width: 25%;
}
}
上述樣式只有在屏幕寬度小于等于600px時跪者,才會生效
本文目的僅僅是為了個人查找閱讀等提供方便