html笔记2

移动web
web移动端
流式布局 百分比布局，非固定像素，像两侧填充
自适应窗口
viewport 视觉窗口 视口
注意图片去掉下对齐 display：block

--------触摸点
touchlist
touchs 触摸集合点
changedTouchs 改变的触摸点
targetTouchs 当前元素点的集合

 clientX  clientY  基于浏览器窗口
 pageX  pageY  基于页面
 screenX  screenY  基于屏幕

---

 媒体查询
 @meaia screen and （max-width：768px）{
 
 }

-------bootstrap—
normalize 和reset

流式布局

 row 行，填充container容器的内间距左右15px
 col列
 col-lg  大屏设备以上生效   1170px
 col-md   中屏设备以上生效  970px
 col-sm   小屏设备以上生效 750px
 col-xs   超小屏以上生效
 第二个*代表每一行的等分，默认12行等分
 col-xs-offset-3  列偏移多少
 col-xs-pull-3   往前拉 多少
 col-xs-push-3   往后推 多少
 visible-lg  大屏显示  其他隐藏
visible-md
visible-sm
visible-xs

hidden-lg    
hidden-md
hidden-sm
hidden-xs

切换
切换
collapsed 折叠
data-toggle=“collapse” 声明折叠属性
data-target=“xx” 目标属性 --选择权