BootStrap2学习日记2--将固定布局换成响应式布局
2024-10-17 23:45:59
概要:响应式页面是指页面根据浏览平台(尺寸)的不同显示不同的CSS。
原理:在Html的的头加入代码
<style> /*当浏览器宽度大于767是 采用括号里面的CSS样式*/ @media(min-width:767px){body(background:red)} /*当浏览器宽度小于767px的时候采用 */ @media(max-width:767px){body(background:red} /*当浏览器宽度大约767px小于960px的时候采用 */ @media(min-width:767px) and (max-width:960px){body(background:red)} </style>
在BootStrap2中要把固定布局转换成响应式布局只需要在其中倒入bootstrap-responsive.css样式即可
最新文章
- jQuery.lazyload
- Javascript,颜色渐变效果的处理
- Mysql日志操作
- ---Arch Linux 之AUR
- 《More Effective C++》
- POJ 2159 Ancient Cipher
- iOS 纯代码适配iPhone6,6+
- Objetive-C +load方法研究
- The account &#39;...&#39; is no team with ID &#39;...&#39;
- 基于51单片机IIC通信的AT24C02学习笔记
- JS字符串和数组常用方法
- javascript 用函数语句和表达式定义函数的区别详解
- 小飞机ss端口被占用处理
- MK64FN1M0xxx12_flash.ld链接文件解析
- HTTP协议工作原理
- dyld_shared_cache_extract_dylibs failed
- Docker容器学习与分享01
- 4步win7下简单FTP服务器搭建(试验成功)
- 关于Spring mvc 一次请求Controller执行两次的问题
- bzoj 1036: [ZJOI2008]树的统计Count (树链剖分+线段树 点权)
热门文章
- Echarts显示全球dns server物理位置
- DOM笔记(四):HTML 5 DOM复杂数据类型
- oc_转_类的数组的实现和操作
- UVA 315 315 - Network(求割点个数)
- Spring Autowiring @Qualifier example
- [iOS基础控件 - 6.11.2] - UINavigationController 多控制器 简单使用
- JVM 关闭前执行命令的钩子
- mysql的interval函数用法
- nginx 的安装
- ADO.NET 快速入门(七):使用数据库事务