随笔分类 - 常见布局方案
摘要：@ 移动端要求的是快速开发，所以经常会借助于一些插件来帮我完成操作，那么什么是插件呢？ JS 插件是 js 文件， 它遵循一定规范编写，方便程序展示效果，拥有特定功能且方便调用。如轮播图和瀑布流插件。 特点： 它一般是为了解决某个问题而专门存在， 其功能单一，并且比较小。 插件的一般使用步骤 确认插
阅读全文
摘要：@ 1. 响应式开发原理 就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。 设备的划分情况： 设备划分 尺寸区间 超小屏幕(手机) < 768px 小屏设备(平板) >= 768px ~ < 992px 中等屏幕(桌面显示器) >=992px ~ < 1200px 宽
阅读全文
摘要：@ 1.传统布局和flex布局对比 传统布局 兼容性好 布局繁琐 局限性，不能再移动端很好的布局 flex布局 操作方便，布局极其简单，移动端使用比较广泛 pc端浏览器支持情况比较差 IE11或更低版本不支持flex或仅支持部分 建议 如果是pc端页面布局，还是采用传统方式 如果是移动端或者是不考虑
阅读全文
摘要：@ 1. rem基础 rem单位 rem (root em)是一个相对单位，类似于em，em是父元素字体大小。不同的是rem的基准是相对于html元素的字体大小。 比如，根元素（html）设置font-size=12px; 非根元素设置width:2rem; 则换成px表示就是24px。 px、em
阅读全文
摘要：流式布局，就是百分比布局，也称非固定像素布局。 通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不受固定像素的限制，内容向两侧填充。 流式布局方式是移动web开发使用的比较常见的布局方式。 注意：随着窗口的缩放，流式布局的盒子也会跟着缩放，可以通过max-width;min-width指定盒子
阅读全文
