11.14学习内容

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 隐藏边框之外的文字并且没有滚动条，text-overflow:ellipsis 溢出的文本为省略号。

3.display:-webkit-box 让多行文字加省略号；-webkit-box-orient：vertical 从顶部到底部垂直布置元素 

-webkit-line-clamp：n 意思是第n行显示省略号。

4.字号随着页面改变的方法：document.documentElement.style.fontSize = （html的字号大小）*（页面显示的宽度/文件的原始宽度）

5.touch事件有三个，touchstart为开始触摸，touchmove为触摸移动，touchend为结束触摸，touch没有延迟，只要触摸即立刻发生。addEventListener为二级事件绑定，addEventListener(X,function(){},Y),X为触摸的方式，中间为执行的函数，Y为true或者false。true为事件句柄在捕获阶段执行，false为默认，事件句柄在冒泡阶段执行。