随笔分类 - 移动端
摘要：响应式开发 响应式需要一个布局容器，来配合子元素实现。 原理：在不同屏幕下，通过媒体查询来改变这个布局容器的大小， 再改变里面子元素的排列方式和大小，实现在不同尺寸屏幕下，看到不同的页面布局和样式 1.bootstrap 1.1是一个快速开发框架，包含有html，css，js，使web开发更快速 中
阅读全文
摘要：基本选择器： 通配符选择器 * 元素选择器 p{} id选择器 #id值{} 类选择器 .class值{}复合选择器 后代选择器 .main p{} 子代选择器 .main>p{} 群集选择器 body,html{} 交集选择器 li.active{} 从li标签中选择class="active"
阅读全文
摘要：媒体查询 使用@media查询，可以针对不同的屏幕尺寸设置不同的样式，当重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面 语法： @media not|only mediatype and (mediafeature and|or|not mediafeature) { CSS-C
阅读全文
摘要：px: px是绝对单位，rem和em是相对单位 em: em是相对于自身元素的字体大小单位，特例font-size相对父元素 em缺点：页面里面的嵌套父元素太多，不好统一控制 rem: rem是相对于html元素的字体大小单位，如html设置font-size=12px，其他元素设置width：2r
阅读全文
摘要：视口理解 定义：浏览器显示页面内容的屏幕区域，可以分为布局视口，视觉视口和理想视口 布局视口：是网页布局的区域，也是 html 元素的父容器 视觉视口：一个手机屏幕可以看到的所有区域，说白了就是手机屏幕大小 理想视口：元素大小是合适的，比如文字，图片等，实现方式，只需要添加<meta>视口标签告知浏
阅读全文
