<meta name="viewport">
阿斯打死打伤
dfghjkl
dfghjkl
meta标签,content属性值
移动开发像素知识
viewport 手机浏览器为我们做了两件事
页面渲染在980px的viewport
缩放
先排版正确再缩放
viewport分为visual viewport 视口wiewport或称为视口wiewport (缩放)还有layout viewport 布局viewport(将页面渲染在底层)
为什么不使用默认的980px的布局viewport
宽度不可控制,不同系统不同设备的默认值可能不同
页面缩小版显示,交互不友好
链接不可点
有缩放,缩放后又有滚动
font-size为40px等于pc上12px同等物理大小,不规范。
通过meta标签改变默认的wiewport
移动像素知识:
px:逻辑像素,浏览器使用的抽象单位
dp,pt设备无关像素
dpr:设备像素缩放比
1px = dpr的平方 * dp
平面上:1px = 2的平方 * dp
纬度上:1px = 2 * dp
flex-direction
水平垂直居中
移动web基础列表
Touch基础事件
click 300ms on mobile web
像素维度。。。
移动开发像素知识
pixel
像素知识。。。
web的flex弹性盒模型
不定宽高的水平垂直居中:1.css3方式;2.flex方式