rem 自適應--的兩種方式: 

　　rem : font size of root element (根元素的字型大小)

　　em : font size of element (父元素的字型大小)

1. 基於css 即媒體查詢的來進行螢幕自適應

　　基與移動端的標準尺寸  640px,各種常見的螢幕尺寸下字型大小

@media only screen and (min-device-width:320px) {

　　html {

　　　　font-size: 10px;

　　}

}

2. 基於js

$(window).on('resize', function
 
(){

　　var width = $('html').width();

　　var fontSize = width/640 *100;

　　$('html').css('font-size', fontSize);

}).trigger('resize')