Media Query——媒体类型(一)

  Meida Queries是CSS3新增加的一个模块功能,其最大的特色就是通过CSS3来查询媒体,然后调用对应的样式。

  在彻底的了解Media Queries我们需要了解其中的两个重要部分,第一个是媒体类型,第二个是媒体特性。下面我们简单的了解这两个部分:

一.媒体类型

  媒体类型(Media Type)在CSS2中是一个常见的属性,也是一个非常有用的属性,可以通过媒体类型对不同的设备指定不同的样式。

  在CSS2中常碰到的就是all(全部),screen(屏幕),print(页面打印或打印预览模式),其实媒体类型远不止这三种,W3C总共列出了10中媒体类型。如下表所示:

其中screen,all和print为最常见的三种媒体类型。

时间: 2024-10-07 19:10:33

Media Query——媒体类型(一)的相关文章

media query(媒体查询)和media type(媒体类型)

media type(媒体类型)是css 2中的一个非常有用的属性,通过media type我们可以对不同的设备指定特定的样式,从而实现更丰富的界面.media query(媒体查询)是对media type的一种增强,是CSS 3的重要内容之一.随着移动互联网的发展,media query开始得到大家的重视. media type 让我们先了解一下media type,其实这个大家会比较熟悉一点,我们通常会用到的media type会是all 和screen,然后是print,一些网站会专门通

Css3的Media Query 媒体查询 方法总结—让您的网站兼容手机

最近几年,大屏幕手机和ipad等移动设备的流行,使你的网页兼容移动设备已成为一种流行!移动设备的屏幕大小是五花八门,各式各样!要想很好的兼容移动设备,Css3的media技术是功不可没. 我的博客,应用了CSS3的media技术,使其在手机等移动设备上面也可以查看.当然,只凭css3的media技术,做好手机网站是远远不够的,手机网站注意事项和总结,后面会陆续出一些文章,欢迎持续关注! 好了,废话少说,下面进入正题: 一.Css3的Media Queries 翻译成中文是“媒体查询”,有如下几种

Media Queries——媒体类型

媒体类型(Media Type)在CSS2中是一个常见的属性,也是一个非常有用的属性,可以通过媒体类型对不同的设备指定不同的样式. 在CSS2中常碰到的就是all(全部).screen(屏幕).print(页面打印或打印预览模式),也是最常见的三种媒体类型. 媒体类型的引用方法也有多种,常见的有:link标签.@import和CSS3新增的@media几种: link方法 通过link标签中的media属性来指定不同的媒体类型 <link rel="stylesheet" typ

媒体查询@media query

@media query 媒体查询 @media (min-width:768px)小屏 (>=) @media (min-width:992px)中屏 @media (min-width:1200px)大屏 (默认超小屏 小于768px) @media (max-width:1199px) 大屏(<=) @media (max-width:991px)中屏 @media (max-width:767px)小屏 box-sizing:border-box 可以设置带边框的盒子模型,设置的div

Media Queries ---- 媒体查询 @media

随着科学技术不断的向前发展,网页的浏览终端越来越多样化,用户可以通过:宽屏电视.台式电脑.笔记本电脑.平板电脑和智能手机来 访问你的网站.尽管你无法保证一个网站在不同屏幕尺寸和不同设备上看起来完全一模一样,但至少要让你的Web页面能适配用户的终端,让他更好的呈现在你的 用户面前.在本节中,将会学到如何使用CSS3中的Media Queries模块来让一个页面适应不同的终端(或屏幕尺寸),从而让你的页面让用户有一个更好的体验. Media Queries Media Queries是CSS3新增加

Media Queries媒体查询详解

Media Queries直译过来就是“媒体查询”,在我们平时的Web页面中head部分常看到这样的一段代码: <link href=”css/reset.css” rel=”stylesheet” type=”text/css” media=”screen” /><link href=”css/style.css” rel=”stylesheet” type=”text/css” media=”all” /><link href=”css/print.css” rel=”s

css3之Media Queries 媒体查询

一.初步了解 Media Queries是CSS3新增加的一个模块功能,其最大的特点就是通过css3来查询媒体,然后调用对应的样式. 了解Media Queries之前需要了解媒体类型以及媒体特性: 可以通过媒体类型(Media Type)对不同的设备指定不同的样式,W3C总共列出了10种媒体类型 二.媒体类型的引用方法有3种 link方法 就是在<link>标签引用样式的时候,通过link标签中的media属性来指定不同的媒体类型.如下: <link rel="stylesh

移动端网页设计,媒体类型

随着科学技术不断的向前发展,网页的浏览终端越来越多样化,用户可以通过:宽屏电视.台式电脑.笔记本电脑.平板电脑和智能手机来访问你的网站.尽管你无法保证一个网站在不同屏幕尺寸和不同设备上看起来完全一模一样,但至少要让你的Web页面能适配用户的终端,让他更好的呈现在你的用户面前.在本节中,将会学到如何使用CSS3中的Media Queries模块来让一个页面适应不同的终端(或屏幕尺寸),从而让你的页面让用户有一个更好的体验. Media Queries Media Queries是CSS3新增加的一

css Media Query详解

Media Queries直译过来就是“媒体查询”,在我们平时的Web页面中head部分常看到这样的一段代码: 1 <link href="css/reset.css" rel="stylesheet" type="text/css" media="screen" /> 2 <link href="css/style.css" rel="stylesheet" type