偶用的一个傻办法,rem首先,只需要要求美术按照6plus的分辨率来设计和出图。然后页面HTML元素设置font-size:100px,接着页面里任何需要设置尺寸的,都使用rem,因为偶设定了font-size为100px,所以尺寸可以很容易的转换,比如10px=.1remhtml{font-size:100px;}×{font-size:.14rem}接着,页面启动需要一个js语句,用以获得当前屏幕分辨率跟设计稿分辨率的比例,乘以100,去设置html的font-size,这样页面所有实用rem的元素都将获得对应的尺寸.设计稿如果以640为宽度var scale = $(‘body’).width() / 640;$(‘html’).css(‘font-size’, 100 * scale + ‘px’);页面启动执行一下就可以了,也可以在onsize事件里添加一份,这样页面发生变化,也会自动适应.
css 点击波纹,css 特效 导航,css代码兼容ie,css浮动中如何居中,css 保持图片原始比例,网页css背景颜色代码,css3数字变换效果