摘要：一、移动端三大事件 1、手指按下 ontouchstart 2、手指触摸 ontouchmove 3、手指抬起 ontouchend //注意：在移动开发时，浏览器模拟器时好时坏，一般不用onX的方式绑定事件函数，要用事件绑定的方式（即第二种） div.ontouchstart = function 阅读全文

摘要：一、是什么 不同的浏览器尺寸，不同的排版（舒服美观为主） 二、媒体查询 1、媒体类型 all 所有 screen 电脑或手机 print 打印设备 speech 听觉类似的媒体类型 @media screen{ .box{ ...... } } @media only screen{} only 表 阅读全文

摘要：一、Flex布局（新版弹性盒模型） 1、是什么 flexible box 弹性盒模型 注意：设成flex布局之后，子元素的float clear vertical-align 都失效。该元素称为“容器”，子元素成为容器成员，称flex项目（简称“项目”） 默认类似line-block样式，row n 阅读全文

摘要：一、rem 1、意义：当px固定宽度不能适应不同屏幕尺寸时，布局需要，从而产生rem 2、rem 和 em 区别 2.1 rem: root，以根节点（html）作为参照的尺寸 2.2 em: 根据父级font-size确定大小 1em = 1font-size（父级的 ） 3、随着屏幕宽度的变化， 阅读全文

摘要：一、chrome模拟器（只是模拟尺寸，最终还是需要真机测试） 1、F12手机模拟（emulation） 2、选择或者添加模拟设备 二、本地服务区xampp 1、安装本地服务器环境xampp并启动 2、电脑IP和手机IP需要一样（连在同一个网络下） 三、视口设置 默认不设置viewport一般可视区宽 阅读全文