2019獨角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>

1、在 html 標(biāo)簽中

<link rel="stylesheet" type="text/css" href="style1.css" media="screen and (min-width: 600px) and (max-width: 800px)">

2、在樣式表中

@media screen and (min-width: 600px) and (max-width: 800px) { /*當(dāng)屏幕尺寸大于600，小于800px時，應(yīng)用下面的CSS樣式*/
.class {
????......
}}

以上 and 為關(guān)鍵字，另外其他關(guān)鍵字還包括 not(排除某種設(shè)備)，only(限定某種設(shè)備)等。

not: not是用來排除掉某些特定的設(shè)備的，比如 @media not print（非打印設(shè)備）

only: 用來定某種特別的媒體類型

all : 所有設(shè)備，這個應(yīng)該經(jīng)常看到

aural :?聽覺設(shè)備

braille :?點字觸覺設(shè)備

handled?:?便攜設(shè)備，如手機(jī)、平板電腦

print?:?打印預(yù)覽圖等

projection :?投影設(shè)備

screen?:?顯示器、筆記本、移動端等設(shè)備

tty :?如打字機(jī)或終端等設(shè)備

tv :?電視機(jī)等設(shè)備類型

embossed :?盲文打印機(jī)

轉(zhuǎn)載于:https://my.oschina.net/jack088/blog/408466

總結(jié)

以上是生活随笔為你收集整理的css @media 响应式布局的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。