移动端
移动端适配方案
- 响应式:一套代码通过响应式方案完成pc,平板,手机端的适配
- 单位适配:pc和平板完成响应式适配 单独制作手机端页面,通过rem vw单位完成页面适配
vw/vh
vmin/v-max
主要是用于设备旋转(如手机从竖屏转横屏)时,视口的宽高会变化,但vmin始终取当前宽高的较小值,vmax取最大值
rem
适配方案
@media (max-width: 768px) {
body { font-size: 14px; }
}
// 加载阿里CDN的文件
<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>