乐趣区

你对媒体查询的理解Whats-your-understanding-of-media-queries

你对媒体查问的了解?


简述概念

媒体查问由一个可选的媒体类型和 零个 多个 应用媒体性能的限度了样式表范畴的表达式组成,例如宽度、高度和色彩。

媒体查问,增加自 CSS3,容许内容的出现针对一个特定范畴的输出设备而进行裁剪,而不用扭转内容自身, 非常适合web 网页应答不同型号的设施而做出对应的响应适配。

如何应用?

媒体查问蕴含一个可选的媒体类型和,满足 CSS3 标准的条件下,蕴含 零个 多个 表达式,这些表达式形容了媒体特色,最终会被解析为 truefalse

如果媒体查问中指定的媒体类型匹配展现文档所应用的设施类型,并且所有的表达式的值都是true,那么该媒体查问的后果为true. 那么媒体查问内的款式将会失效。

What’s your understanding of media queries ?


Introduction

The media query consists of an optional media type and zero or more expressions that limit the range of stylesheet with media function. Such as width, height and color.

The media query is added from css3, it allows the presentation of content is tailored to output devices of a special range without changing the content itself.

It’s very suitable for web pages to respond to the different models of devices and make corresponding response adaptations.

How to use ?

The media query contains an optional media type, under the conditions of the CSS3 specification, it contains zero or more expressions that describe the characteristics of the media and will eventually be parsed as true or false.

If the media type specified in the media query has matched the device type used to display the document, and the value of all expressions is true, and then the result of the media query is true. Then the style in the media query will take effect.

退出移动版