说起屏幕自适应。大家最先想到的是@media媒体查询和rem的方式。
1，媒体查询
通过媒体查询来得到屏幕的宽度，然后对不同宽度下的屏幕做相应的样式处理。这样确实是能够实现，但是太过麻烦，如果设备较多的话，那可真是遭老罪了
@media only screen and (max-width: 100px) {
body {
CSS3方案:利用视口单位适配页面对于移动端开发来说，最为重要的一点是如何适配页面，实现多终端的兼容，不同的适配方式各有千秋，也各有缺点。就主流的响应式布局、弹性布局来说，通过 Media Queries 实现的布局需要配置多个响应断点，而且带来的体验也对用户十分的不友好：布局在响应断点范围内的分辨率下维持不变，而在响应断点切换的瞬间，布局带来断层式的切换变化，如同卡带的唱机般“咔咔咔”地一下又一
svg 自适应It has been wonderful to see SVG used with increasing frequency for logos, but most sites only take advantage of the most obvious features of the format: its immunity to scale, innately respons
