[css3]css3媒体查询@media在响应式web设计中的应用
[css3]css3媒体查询@media在响应式web设计中的应用
调用方式1:
<link rel="stylesheet" href="style.css" media="screen and (min-width: 768px)">
- 注:media="screen and (min-width: 768px)"
- ---screen--------------------------------
- 引用 screen (缺省值),提交到计算机屏幕;
- print, 输出到打印机;
- projection,提交到投影机;
- aural,扬声器;
- braille,提交到凸字触觉感知设备;
- tty,电传打字机 (使用固定的字体);
- tv,电视机;
- all,所有输出设备
- ---min-width: 768px---------------------
- min-width 屏幕最小宽度
调用方式2:
- <style>
- // 阿酷TONy
- @media screen and (min-width: 768px) {
- .class { background: blue; line-height:50px; }
- }
- </style>
热门文章推荐
- 10款html5网页播放器推荐(总有一款适合你)
- [html5]html5+css3实现图片斜角切成直角梯形显示的源代码
- [HTML5]HTML5视频video时间事件代码
- [微信]iOS苹果和微信中音频和视频实现自动播放的方法
- [html5]html5视频全屏实现的源代码
- [Html5]mobile-agent移动Agent,就是具有移动性的智能Agent
- [html5]视频播放器js控制vedio视频和分段播放
- [html5]H5播放器:竖屏播放\横屏播放\跟随旋转例子
请稍候...