安卓4.2系统前端开发

    最近被安卓4.2低版本，低兼容性搞得头懵，测试了两天，问了前辈，摸了一些门道，分享一下。

    首先，我做的页面刚开始用到了flex布局和颜色渐变，并做了各个浏览器的兼容性处理，但是并不知道安卓4.2兼容性差，导致重新做。后来用到了简单的页面布局和语法，但是还是出现问题，测试了几个小时，背景都渲染不出来，很是崩溃，查资料也没查到，最后在前辈的帮助下，知道了安卓4.2竟然高度不适配，后来处理高度问题都是用内容本体撑起来的高度，还有用line-height属性，对内容高度进行撑大，效果也很明显。

    其中也用到了display:inline-block;属性，实现几个div并列在一行的效果，因为小心使用float属性，要进行清除浮动处理。左右间距使用padding撑开的，右侧的01使用了float，因为高度使用前面的A0011部分在撑开。

    小心使用position定位属性，全体使用position定位，高度会消失，注意留一个部分要撑起高度，这很重要！

li div{
    color: #FFFFFF;
    display: inline-block;
    font-size: 72px;
    /* 撑起的高度未228px */
    line-height: 228px;
}

    如果页面灵活性要求不高，小编建议能用图片代替的可以用图片代替，处理起来比较方便。

    宽度问题没有高度问题的高，但小编建议，背景图和宽度要使用百分比适应页面。小编所使用的播放器页面与所给分辨率有点差别，为了适应播放器，将背景的大小用百分比显示，相对于div的宽度设置百分比。

    还有一些基本的css操作：

    文字居中对齐：text-align:center;垂直居中：line-height

    安卓4.2可以使用jQuery的，这还是蛮方便的，我见前辈也用到了vue.js和轮播swiper.js，想来是可以使用的。margin,padding,position,float,background,font,overflow这些基本的都是兼容的，使用时注意高度即可。