移动WEB开发笔记
vertical-align: middle;设置图片居中 移动WEB开发 视口viewport(显示网页的屏幕区域) 布局视口 layout viewport 字太小,手动缩放网页 视觉视口 visual viewport 左右滑动看 理想视口 ideal viewport 理想视口 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"> 物理像素 /物理像素比(DPR) 物理像素 :屏幕显示的最小颗粒 屏幕分辨率 物理像素比:1px能显示的物理像素点的个数 背景缩放background-size background-size:宽度 高度; background-size:宽度;高度等比缩放 background-size:百分比;相对父盒子来说 background-size:contain;一个边顶满盒子,就不在缩放,可能留白/等比缩放 background-size:cover;两个边全部顶满,完全覆盖盒子,可能显示不全/等比缩放 css3移动端盒子模型 box-sizing: border-box; padding 和border不会撑开盒子 清除高亮: tap