## 屏幕
移动设备和PC设备最大的差异在于屏幕,这主要提现在屏幕尺寸和屏幕分辨率两个方面.
## 长度单位
web开发中可以使用px(像素),em,pt(点),in(英寸),cm(厘米)作为长度单位.
我们可以将上述的长度单位分成相对长度单位和绝对长度单位.
绝对长度单位:英寸和厘米是绝对单位.
相对长度单位:像素,em,pt是相对单位.
## 像素密度
计算机显示设备从打印机中借鉴了DPI的概念,由于计算机显示设备中的最小单位不是墨汁点,而是像素,所以用(Pixels per inch) 值来表示屏幕没英寸的像素数量,我们将PPI,DPI都称为像素密度,但PPI应用更广泛,DPI在adnroid设备比较常见.
## 计算像素密度
(长的平方+宽的平方) / 屏幕英寸就能得到像素密度 . PPI大于320就是retina视网膜屏.
## 总结
屏幕尺寸固定时,当PPI越大,像素的实际大小就会越小,当PPI越小,像素实际大小就越大.
- HTML
- 浏览器内核
- Web标准
- HTML标签关系
- 路径
- 表单
- datalist
- fieldset
- H5新增input
- 列表
- 表格
- 网站优化三大标签
- CSS
- 规则
- 命名规则
- 伪类选择器
- 块级元素和行内元素区别
- 权重
- 盒子模型
- 浮动
- 清除浮动
- 版心和布局流程
- 定位
- 元素的显示和隐藏
- overflow溢出
- CSS用户界面样式
- 垂直对齐
- 取出图片地测空白缝隙
- 溢出的文字隐藏
- 精灵技术
- 字体图标
- 滑动门
- before和after伪元素
- 2D
- 过度效果
- translate
- scale
- rotate
- skew
- 3D
- 左手法则
- rotateX,Y,Z旋转
- perspective
- translateZ
- translate3d
- backface-visibility
- 动画(animation)
- 概述
- 伸缩布局
- BFC
- 优雅降级和渐进增强
- 背景渐变
- CSS统一验证工具
- CSS压缩工具
- 移动web基础知识
- 基础
- 像素密度
- 设备独立像素
- css像素
- 2倍图
- 调试
- 视口的概念及设置
- PC端的视口
- 移动端的视口
- 移动端页面正常展示的解决方案
- 移动端viewport设置
- 移动站点和浏览器的说明
- 响应式开发
- 基础
- 媒体查询
- 媒体查询条件判断
- 媒体功能
- 使用媒体查询设置页面布局
- bootstrap
