首页 > 教程 > 关键词  > 新特性最新资讯  > 正文

CSS3 Media Queries 详解

2010-08-23 16:50 · 稿源:蓝色理想,www.blueidea.com

《CSS3 Media Queries 详解》文章已经归档,站长之家不再展示相关内容,下文是站长之家的自动化写作机器人,通过算法提取的文章重点内容。这只AI还很年轻,欢迎联系我们帮它成长:

说起CSS3的新特性,就不得不提到MediaQueries...

screen是媒体类型里的一种,CSS2.1定义了10种媒体类型...

那么,回到刚才的那条MediaQuery,media="screenand"的意思就是当屏幕的宽度大于等于400px的时候,应用此条CSS...

比如下面的例子表示此CSS被应用于宽度小于20em的手持,或者宽度小于30em的屏幕:...

上面将设备分成3种,分别是宽度大于800px时,应用styleA,宽度在600px到800px之间时应用styleB,以及宽度小于600px时应用styleC...

完整的支持情况罗列成如下表:...

其他定义media的方法比如@media等,应用MediaQueries的方法相同,所以不在重复叙述...

......

本文由站长之家用户“蓝色理想,www.blueidea.com”投稿,本平台仅提供信息索引服务。由于内容发布时间超过平台更新维护时间,为了保证文章信息的及时性,内容观点的准确性,平台将不提供完整的内容展现,本页面内容仅为平台搜索索引使用。需阅读完整内容的用户,请联系作者获取原文。

举报

  • 相关推荐
  • 大家在看

今日大家都在搜的词: