Bootstrap3 栅格系统-媒体查询
来源:互联网 发布:python标准库是什么 编辑:程序博客网 时间:2024/04/29 04:21
在栅格系统中,我们在 Less 文件中使用以下媒体查询(media query)来创建关键的分界点阈值。
/* 超小屏幕(手机,小于 768px) *//* 没有任何媒体查询相关的代码,因为这在 Bootstrap 中是默认的( Bootstrap 是移动设备优先) *//* 小屏幕(平板,大于等于 768px) */@media (min-width: @screen-sm-min) { ... }/* 中等屏幕(桌面显示器,大于等于 992px) */@media (min-width: @screen-md-min) { ... }/* 大屏幕(大桌面显示器,大于等于 1200px) */@media (min-width: @screen-lg-min) { ... }
我们偶尔也会在媒体查询代码中包含 max-width 从而将 CSS 的影响限制在更小范围的屏幕大小之内。
@media (max-width: @screen-xs-max) { ... }@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { ... }@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { ... }@media (min-width: @screen-lg-min) { ... }
—–下面有个“顶”字,你懂得O(∩_∩)O哈哈~
—–乐于分享,共同进步!
—–更多文章请看:http://blog.csdn.net/duruiqi_fx
1 0
- Bootstrap3 栅格系统-媒体查询
- Bootstrap3 栅格系统-栅格参数
- bootstrap3.0 栅格系统
- Bootstrap3 栅格系统-简介
- bootstrap3.x栅格系统
- 2.Bootstrap栅格系统&媒体查询
- 2.1Bootstrap3.0栅格系统
- Bootstrap3 栅格系统-列偏移
- Bootstrap3 栅格系统-嵌套列
- Bootstrap3 栅格系统-列排序
- bootstrap3 ie8栅格系统 兼容
- bootstrap3 用户界面架构学习 ----栅格系统
- Bootstrap3学习(一、栅格系统)
- bootstrap3入门一(栅格系统)
- Bootstrap3 栅格系统-实例:手机、平板、桌面
- Bootstrap3 栅格系统-Less mixin 和变量
- Bootstrap3学习笔记 Bootstrap3文档和栅格系统
- Bootstrap3.0 栅格系统背后的精妙魔法(Bootstrap3.0的栅格布局系统实现原理)
- 数据结构实验之图论四:迷宫探索
- Stereo Matching Source Code
- pads9.5转AD09
- 方差,协方差 、统计学的基本概念
- Makefile函数wildcard
- Bootstrap3 栅格系统-媒体查询
- 原始套接字
- STM32 FSMC 笔记
- debian 安装mysql后远程访问不了
- SPI之从ServiceLoader联想到DriverManager的使用总结
- 如何提高Xcode的编译速度??
- ubuntu单机下安装配置spark
- 仿淘宝选择按钮
- Windows、Linux安装pandas,scipy,sklearn(scikit—learn)