弹性web UI的核心:媒体查询
来源:互联网 发布:苹果系统微信多开软件 编辑:程序博客网 时间:2024/06/06 01:56
官方手册CSS3 media query
demo
宽度最小700px的屏幕
@media (min-width: 700px) { ... }
宽度在500px和800px之间的屏幕:
@media screen and (min-width: 500px) and (max-width: 800px) { ... }
向显示在最大宽度800px的屏幕上的文档应用样式表
<link rel="stylesheet" media="screen and (max-device-width: 799px)" />
伪范式
media_query_list: <media_query> [, <media_query> ]*media_query: [[only | not]? <media_type> [ and <expression> ]*] | <expression> [ and <expression> ]*expression: ( <media_feature> [: <value>]? )media_type: all | aural | braille | handheld | print | projection | screen | tty | tv | embossedmedia_feature: width | min-width | max-width | height | min-height | max-height | device-width | min-device-width | max-device-width | device-height | min-device-height | max-device-height | aspect-ratio | min-aspect-ratio | max-aspect-ratio | device-aspect-ratio | min-device-aspect-ratio | max-device-aspect-ratio | color | min-color | max-color | color-index | min-color-index | max-color-index | monochrome | min-monochrome | max-monochrome | resolution | min-resolution | max-resolution | scan | grid
阅读全文
0 0
- 弹性web UI的核心:媒体查询
- 弹性盒子结合媒体查询
- web------------媒体查询
- 弹性盒布局、多列布局、媒体查询
- 响应式web-媒体查询
- web——媒体查询
- CSS3-多列-视口-媒体查询-弹性盒/弹性布局-Node介绍
- 媒体查询的用法?
- 媒体查询的使用
- css3的媒体查询
- css的媒体查询
- 【Android UI】具有弹性的ListView
- web移动端开发(3)-媒体查询
- media媒体查询的用法
- 各种机型的媒体查询
- 媒体数据库的数据查询
- 什么是主流媒体的核心竞争力
- 媒体集团转型的核心:财团化
- matter.js学习笔记(九)--Body的parts属性创造十字形物品
- springbootadmin监控以及auctuator的文章总结
- 算法系列之--Javascript和Kotlin的快速排序算法(原)
- 笔试算法-最长子串
- 哈希表分析
- 弹性web UI的核心:媒体查询
- mysql SQL Error: 1146, SQLState: 42S02 (linux),MySQL大小写敏感
- pyspark 笔记
- dubbo认识学习,原理介绍
- 生成二维码
- 你了解封装类和类的继承以及枚举类之间的恩怨纠葛吗?
- 4. Median of Two Sorted Arrays
- Spring——使用Spring的注解方式实现面向切面技术AOP
- 发布和取消发布