@media 实现网页自适应
2016-02-16 11:52
295 查看
@media 其实就是判断屏幕多大的分辨率 然后选用什么 CSS样式
media screen and (min-width:413px)
例子就是这样的 min 相当于 >= 这个符号
max 相当于 <=这个符号
多个 判断 区间 用 and相连
media
screen and (min-width:413px) and
(max-width:800px)
然后 在后面跟上大括号 里面写相应的CSS样式就行了 这样屏幕字这个分辨率内 就会选取这个样式了
media
screen and (min-width:413px) and (max-width:800px){
.ass{width:700px;}
}
media screen and (min-width:413px)
例子就是这样的 min 相当于 >= 这个符号
max 相当于 <=这个符号
多个 判断 区间 用 and相连
media
screen and (min-width:413px) and
(max-width:800px)
然后 在后面跟上大括号 里面写相应的CSS样式就行了 这样屏幕字这个分辨率内 就会选取这个样式了
media
screen and (min-width:413px) and (max-width:800px){
.ass{width:700px;}
}
相关文章推荐
- SQL Server中NULL的正确使用与空间占用
- 孩子们的游戏(圆圈中最后剩下的数)
- tar 与 gzip
- svg字符串转图片
- Linux下生提取一年中的周一和周日
- devops
- GCD使用经验与技巧浅谈
- 键盘监听事件
- Zend Studio 如何配置本地apache服务器使用xdebug调试php脚本
- 停止handler的延时发送
- 杂记复习笔记
- TQ2440,学习笔记之安装 系统引导安装程序+嵌入式linux系统
- 关于导入.a文件后报错Undefined symbols for architecture arm64:
- 停止oracle的job
- 计算app用户的留存率
- 浅谈Python程序和C程序的整合
- 中文乱码解决方案
- Maven介绍,包括作用、核心概念、用法、常用命令、扩展及配置
- Android安全-代码安全5-调试器和模拟器的检测
- Android 下枚举型使用、及与 int 转换的困惑