## 屏幕
移動設備和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