终端适配
移动端主要是利用弹性布局结合rem
注意写在头部的meta标签中设置viewport视口的相关属性值。
在页面中得元素大小这一块主要是利用了rem布局
rem布局是通过设置html的字体大小来改变页面中的元素大小,为了提高开发效率建议使用less或者sass插件。
页面中的图片大小建议使用流式布局,宽度100%高度自适应以保持图片原始比例。
在开发过程中一般还是混合式的开发。
响应式布局
如果需要兼容到移动端和pc端一起的话使用响应式布局。
pc端主要是利用媒体查询和流式布局
利用媒体查询不同的终端屏幕大小进行不同的页面布局。
主要就是代码量太大了,而且一般只会兼容主流终端屏幕的大小,不可能完全兼容市面上所有终端屏幕大小。