1.媒體查詢：@media screen and (min-width:A) and (max-width:B)? ?意思就是可視屏幕的寬度在A到B之間，@media screen and (min-width:C)意思就是可視屏幕的最小寬度為C，@media screen and (max-width:D)意思就是可視屏幕的最大寬度為D。
2.white-space：nowrap文本不換行，overflow：hidden 隱藏邊框之外的文字并且沒有滾動(dòng)條，text-overflow:ellipsis 溢出的文本為省略號(hào)。
3.display:-webkit-box 讓多行文字加省略號(hào)；-webkit-box-orient：vertical 從頂部到底部垂直布置元素?
-webkit-line-clamp：n 意思是第n行顯示省略號(hào)。
4.字號(hào)隨著頁面改變的方法：document.documentElement.style.fontSize = （html的字號(hào)大小）*（頁面顯示的寬度/文件的原始寬度）
5.touch事件有三個(gè)，touchstart為開始觸摸，touchmove為觸摸移動(dòng)，touchend為結(jié)束觸摸，touch沒有延遲，只要觸摸即立刻發(fā)生。addEventListener為二級(jí)事件綁定，addEventListener(X,function(){},Y),X為觸摸的方式，中間為執(zhí)行的函數(shù)，Y為true或者false。true為事件句柄在捕獲階段執(zhí)行，false為默認(rèn)，事件句柄在冒泡階段執(zhí)行。
