- 博客(5)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 移动Web UI库（H5框架）有哪些，看这里就够了
前言今年上半年，项目组在项目开发的过程中建立了一套风格统一，组件丰富完善，命名统一规范的PC端UI库，适用于做大型站点，该UI库也是应用到了整个平台的项目中，在各个项目组中进行推广。因为项目的保密性，这里不方便给出实际项目，当然目前这套UI库也不是开源的。下半年开始，我们偏向做移动Web的同学也开始考虑要梳理出这样一套适用于移动端的UI库，与PC端UI库命名规范保持一致，便于项目组同学在PC项目和移
2017-11-25 16:30:25
112429
1
原创 移动Web开发基础-flexible布局方案
概述前面我们已经已经了解了两种基本的布局方案，移动Web开发基础-百分比+flex布局方案 和 移动Web开发基础-rem布局，其中rem布局方案和我们今天要了解的flexible布局方案是有关系的，因为这两种方案布局元素的单位都是rem，他们的区别在于前者是固定viewport缩放值，而flexible布局方案是根据设备像素密度比DPR动态修改viewport，下面我们来具体了解下吧。基本了解1.
2017-11-19 14:55:16
3990
原创 移动Web开发基础-rem布局
前言在了解了基本的布局方案 移动Web开发基础-百分比+flex布局方案 之后，我们来了解下利用rem这个css单位来布局的方案。 其实不管哪种方案，最终的目的都是为了适配不同设备尺寸的屏幕显示。基本认识1.px是布局当中的css像素 2.em是相对父元素大小的单位，可以用来设置字体，行高，缩进等一些css属性 3.rem是根据根元素，也就是HTML元素的字体大小来计算的，因为rem单位都是根
2017-11-15 13:07:45
2559
原创 移动Web开发基础-比例盒子
前言上篇在移动Web开发基础-百分比+flex布局方案中说到了比例盒子的实现，因为在移动端，需要适应各种屏幕宽度的设备，所以我们的图片以及其他一些元素需要根据屏幕宽度自适应的等比例缩放，这里就需要用到比例盒子的布局方法。接下来让我们一起来了解下实现比例盒子的几种方法吧！这里会介绍四种实现方式，分别是用css的vw单位，垂直方向的padding或者margin，以及因此产生的问题而衍生的用伪元素实现的
2017-11-13 21:05:06
5889
原创 移动Web开发基础-百分比+flex布局方案
前言移动端适配是一个非常繁琐的问题，当然，只要掌握了一些基础的布局方式之后，适配问题也不再是大问题。其实也没有非常死板的适配方案，一般实际开发过程中也是根据项目实际情况采取不同的适配方案或者混合使用几种。目前常用的布局适配方案有百分比+flex布局；以淘宝首页为代表的 rem+viewport缩放 flexible 布局方案；固定viewport，通过js动态修改html字体大小的rem布局，这里我
2017-11-06 19:50:24
4284
安卓调试 adb 工具
2018-11-16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人