pc响应式:(所有应用在pc端)
解决方案1.媒体查询 2.flex,百分比 3.栅格布局
媒体查询
@media screen and (max-width:768px)
@media screen and (min-width:768px) and (max-width:1280px)
@media screen and (min-width:1281px) and (max-width:1600px)
@media screen and (min-width:1600px)
H5响应式(移动端)
需要解决的问题:1.字体大小 2.元素大小,布局 3.元素边距,内填充
解决方案:
1.淘宝flex插件:https://github.com/amfe/lib-flexible(核心:rem+flex)
2.对视图进行放大缩小
3.rem+flex
4.媒体查询+百分比+flex