移动端
奋斗的小菇凉
这个作者很懒,什么都没留下…
展开
-
移动WEB开发--flex布局
移动web开发——flex布局1.0传统布局和flex布局对比1.1传统布局 兼容性好 布局繁琐 局限性,不能再移动端很好的布局 1.2 flex布局 操作方便,布局极其简单,移动端使用比较广泛 pc端浏览器支持情况比较差 IE11或更低版本不支持flex或仅支持部分 1.3 建议 如果是pc端页面布局,还是采用传统方式 如果是移动端或者是不考虑兼容的pc则采用flex 2.0 flex布局原理 flex 是 fl原创 2020-08-19 10:42:38 · 96 阅读 · 0 评论 -
移动WEB开发--响应式布局
目录1.0 响应式开发原理1.1 响应式开发原理1.2 响应式布局容器2.0 bootstrap的介绍2.1Bootstrap简介2.2 bootstrap优点2.3 版本简介2.4bootstrap基本使用创建文件夹结构2.创建 html 骨架结构 3.引入相关样式文件4.书写内容2.5 bootstrap布局容器2.6 bootstrap栅格系统栅格嵌套列偏移列排序响应式工具1.0 响应式开发原理1.1 响应式开发原理.原创 2020-08-18 16:08:21 · 101 阅读 · 0 评论 -
移动WEB开发--rem布局
目录rem基础媒体查询less 基础rem适配方案rem基础rem单位rem (root em)是一个相对单位,类似于em,em是父元素字体大小。不同的是rem的基准是相对于html元素的字体大小。比如,根元素(html)设置font-size=12px; 非根元素设置width:2rem; 则换成px表示就是24px。/* 根html 为 12px */html { font-size: 12px;}/* 此时 div 的字体大小就是 24px */ .原创 2020-08-18 15:56:24 · 51 阅读 · 0 评论 -
移动WEB开发--流式布局
目录移动web开发流式布局1.0 移动端基础2.0 视口2.1 布局视口 layout viewport2.2视觉视口 visual viewport2.3理想视口 ideal viewport2.4meta标签3.0二倍图3.1物理像素&物理像素比3.2背景缩放background-size4.0 移动开发选择和技术解决方案4.1移动端主流方案4.2 移动端技术解决方案4.3 移动端大量使用 CSS3盒子模型box-sizin4.4移动端原创 2020-08-13 17:46:22 · 106 阅读 · 0 评论