移动端适配不同手机

移动端
1.不建议字号用rem原因：
考虑到字体的点阵信息，一般文字尺寸多会采用 16px 20px 24px等值，若以rem指定文字尺寸，会产生诸如21px，19px这样的值，会导致字形难看，毛刺，甚至黑块，故大部分文字应该以px设置。
一般标题类文字，可能也有要求随屏幕缩放，且考虑到这类文字一般都比较大，超过30px的话，也可以用rem设置字体。
2.移动端的1px边框问题解决方法：

div{
    width: 1px;
    height: 100%;
    display: block;
    border-left: 1px solid #e5e5e5;
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5);
}

3.阻止默认事件和阻止冒泡
问题及解决1：在适配移动端时，遇到整屏滚动的内部有其他的触屏事件，还有滚动条滚动事件，这时候如果在写整屏滑动中写了event.preventDefault()，这样在内部的如果有click事件的时候，click就不能点击， 如果内部有点击事件和滚动条事件，就不能写event.preventDefault()；
问题及解决2：如果整屏滚动的时候，内部有滚动条，在滑动内部滚动条的时候滚动整屏？
在有滚动条事件的元素里面写上event.stopPropagation()，来阻止冒泡，从而防止冒泡引起的外部整屏滚动；
问题及解决3：轮播图触屏滑动，内部内容需要点击，这时也不能写阻止默认事件，event.preventDefault()，阻止了就不能点击了，只写阻止冒泡，以防止对外面整屏触摸滑动事件的影响。