CSS3新闻媒体查寻(Media Queries)详细介绍

日期:2021-01-20 类型:科技新闻 

关键词:上线了小程序官网,年会抽奖小程序免费,做小程序,小程序网站,跑腿小程序

新闻媒体种类
all 全部机器设备
screen 电脑上显示信息器
handheld 便携机器设备
tv 电视机种类机器设备
print 复印用纸复印预览主视图

重要字
and
not(清除某种机器设备)
only(限制某种机器设备)

新闻媒体特点
新闻媒体特点共13种,能够说是1个相近CSS特性的结合。在其中的绝大多数接纳 min/max 的前缀,用来表明 超过等于/小于等于 的逻辑性。
 
and
示比如下所示:
@media screen and (min-width: 800px) {款式编码} >800
@media screen and (min-width: 600px) and (max-width: 800px) {款式编码} 600
@media screen and (max-width: 600px) {款式编码} <600

外界款式表引入方法:
上面将机器设备分为3种,各自是宽度超过800px时,运用styleA,宽度在600px到800px之间时运用styleB,和宽度小于600px时运用styleC。

not 和all
@media not handheld and (color){款式编码} //用于除便携以外的别的机器设备或非五颜六色便携机器设备中
@media all and (not color){款式编码} //用于全部非五颜六色机器设备中

only
only 重要字将会显得一些过剩,对适用Media Queries的访问器来讲的确是这样,但许多情况下only是用来对那些不适用Media Queries可是却载入Media Type的机器设备掩藏款式表的
@media only screen add (color){款式编码}
适用Media Queries的机器设备,正确运用款式,就好像only不存在
不适用Media Queries但正确载入Media Type的机器设备,因为先载入到only而并不是screen,将忽视这个款式
不适用Media Queries的IE无论是不是有only,都忽视款式
上一篇:CSS的position特性在DIV层中的运用 返回下一篇:没有了