search

Home >Web Front-end >HTML Tutorial >CSS3 Media Query_html/css_WEB-ITnose

CSS3 Media Query_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-21 09:12:38906browse

通过Media Query 媒体查询可以针对符合相应条件的媒体设置特定的样式。

引入方式

引入媒体查询的方式有两种。

link 方式引入

<link rel="stylesheet" media="screen and (max-width: 600px)" href="small.css" />

css 中引入

 @media screen and (max-width: 600px) {   选择器 {     属性：属性值；   } }

常见的 Media Query

兼容性参考

Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：<CSS>为什么margin和top都设置为零了但是不置顶，有空隙_html/css_WEB-ITnoseNext article：轻量级CSS布局排版框架：EZ-CSS_html/css_WEB-ITnose

Related articles

See more