时时彩信誉平台:[css3]css3媒体查询@media在响应式web设计中的应用

时间:2019-02-12 19:06阿酷
[css3]css3媒体查询@media在响应式web设计中的应用

调用方式1:

内蒙古时时彩遗漏数据 www.qdqsy.cn <link rel="stylesheet" href="style.css" media="screen and (min-width: 768px)">

  1. 注:media="screen and (min-width: 768px)" 
  2.  
  3. ---screen-------------------------------- 
  4. 引用 screen (缺省值),提交到计算机屏幕; 
  5. print, 输出到打印机; 
  6. projection,提交到投影机; 
  7. aural,扬声器; 
  8. braille,提交到凸字触觉感知设备; 
  9. tty,电传打字机 (使用固定的字体); 
  10. tv,电视机; 
  11. all,所有输出设备 
  12.  
  13. ---min-width: 768px--------------------- 
  14. min-width 屏幕最小宽度 

调用方式2:

  1. <style> 
  2.  // 阿酷TONy 
  3.    @media screen and (min-width: 768px) { 
  4.    .class { background: blue; line-height:50px; } 
  5.    } 
  6.    </style> 

 

热门文章推荐

请稍候...
  • 把课堂上的重点难点录下来 教学类短视频平台前景几何 2019-03-24
  • 蔡英文赴美演讲就是要与大陆军事摊牌? 2019-03-24
  • 三江源通天河流域发现两千年前岩画 2019-03-23
  • 【三年决战奔小康】一封来自甘南精准扶贫户的感谢信 2019-03-23
  • 作为政治哲学的人类解放理想 2019-03-17
  • 深入学习宣传贯彻党的十九大精神br扎实推进新时代机关党的建设 2019-03-12
  • 多地推出创新举措 促进住房租赁市场健康发展 2019-03-12
  • 马拉松+公益:梦想1公里 和你一起跑 2019-02-22
  • 回复@了不起重上井冈山2:然后你连讨饭都省了? 2019-02-22
  • 科教 —频道 春城壹网 七彩云南 一网天下 2019-02-08
  • 全域旅游看中国--旅游频道 2018-08-21
  • 【专家谈】上合组织——构建区域命运共同体的有力实践者 2018-08-19
  • “奇石大餐”亮相新疆石博会 2018-08-19
  • 丰富产品序列 曝力帆轩朗纯电动申报图 2018-08-08
  • 孩子不愿意独立睡觉怎么办?也许你用了错误的方法 2018-08-05
  • 563| 112| 783| 571| 648| 559| 88| 7| 653| 169|