随笔分类 - bootstrap响应式
摘要:margin 为负 使盒子重叠 等高 等高布局 双飞翼布局 盒子往一边 推 或者 拉 bootstrap 应用层 UI 库,出色的栅格系统,无可比拟 learn it 然后脱离 bootstrap 封装自己单独的 栅格系统 注意: jQuery 版本问题,怪异盒子模型,以及样式覆盖问题!!!
阅读全文
摘要:bootstrap 一个移动设备优先 UI 库,底层是用 less 写的,依赖于 jQuery。 面试点: bootstrap 的所有盒子都是怪异盒子模型(box-sizing: border-box) bootstrap 不论是流体容器,还是固定容器,都有左右 padding 15px boots
阅读全文
摘要:响应式布局 在不同设备上,同一网页根据设备特性(显示屏大小,分辨率)呈现不同的布局样式。 思考: 获取设备相关信息 将屏幕划分为几个区域 给需要变化的结构写多套 css 样式 媒体查询 常用写法 @media screen and (min-width: 768){} 核心内容 #box { wid
阅读全文