哪位大神能为我解答 css 问题media="screen and (min-width: 1240px) and (max-device-width: 2000px)"

Question

求大神帮我解答：<link rel="stylesheet" type="text/css" media="screen and (min-width: 1240px) and (max-device-width: 2000px)" href="<gtl:url/>/UI/css/header.css" />里的：media="screen and (min-width: 1240px) and (max-device-width: 2000px)"是什么意思

Answer 1

在页面宽度为1240-2000px 范围中,执行 text/css.

个人理解,你可以试试看

Answer 2

and连接多个条件：

@media only screen and (max-width: 1068px)

仅电脑设备中的页面最大可见区域宽度为 1068px 时显示其定义的样式。所以当设备宽度小于 1068px 采用 medium-6 。

@media only screen and (max-width: 735px)

仅电脑设备中的页面最大可见区域宽度为 735px 时显示其定义的样式。所以当设备宽度小于 735px 采用 small-12 。

这个时候小伙版你也一定机智的想到了如果我想做一个 平板 和 手机之间的 @media 属性怎么办？当然有办法了。 办法就是：

@mediascreen ( max-width: 1068px ) and (min-width: 765px) {  CSScode
}
@mediascreenand (max-width: 640px) and (min-width: 481px){  CSScode
}

Answer 3

这个是 多媒体查询的写法  是在宽度1240px到2000px之间使用以下样式