前面的話
實際上，並沒有人提過螢幕三要素這個詞，僅是我關於移動web開發螢幕相關部分總結歸納的術語。螢幕三要素包括螢幕尺寸、螢幕解析度和螢幕畫素密度。
螢幕尺寸
我們常常聽說5.5英寸大螢幕手機，實際上螢幕尺寸是指螢幕的對角線長度。常見的螢幕尺寸有3.5、4、4.3、4.8、5.0、5.2、5.5、6.0等
對於英寸沒有什麼概念，可以通過轉換公式轉換成常用的釐米
1英寸 = 2.54釐米
3.5in = 3.5*2.54cm = 8.89cm
4.0in = 4.0*2.54cm = 10.16cm
4.3in = 4.3*2.54cm = 10.922cm
4.8in = 4.8*2.54cm = 12.192cm
5.0in = 5.0*2.54cm = 12.7cm
5.2in = 5.2*2.54cm = 13.208cm
5.5in = 5.5*2.54cm = 13.97cm
6.0in = 6.0*2.54cm = 15.24cm
螢幕解析度
螢幕解析度是指螢幕的畫素點數，一般以縱向畫素*橫向畫素來表示解析度。顯示常用解析度有如800*600、1024*768、1280*720、1600*900、1920*1080，單位是px
[注意]關於畫素的相關知識移步至此
若存在retina視網膜螢幕，要注意的是螢幕解析度指的是裝置畫素，而不是理想視口
【HD和4K】
現在移動裝置、智慧電視宣傳最多的兩個關鍵詞估計就是HD、4K，這二者都是用來描述顯示裝置解析度的標準，到底二者之間有什麼區別？
HD: 沒有固定的標準，基本上只要寬度為720px的都算是HD
full HD(全高清): 1920*1080解析度
4K: 4k也叫QHD或UHD(超高清)，最小解析度是3840*2160，主要是現在高階電視的解析度；其還有一個更高的4096x2160的標準，主要用於電影放映機或者專業相機。
【關於相機畫素】
我們常常聽過相機支援1000萬畫素。相機所說的畫素，其實是最大畫素的意思，畫素是解析度的單位，這個畫素值僅僅是相機所支援的有效最大解析度。
640*480 = 307200 = 30萬畫素
1600*1200 = 1920000 = 200萬畫素
3264*2488 = 8120832 = 800萬畫素
4536*3024 = 13716864 = 1400萬畫素
DPI和PPI
DPI（Dots Per Inch）是印刷行業中用來度量空間點密度用的，這個值是印表機每英寸可以噴的墨汁點數。計算機顯示裝置從印表機中借鑑了DPI的概念，由於計算機顯示裝置中的原子單位不是墨汁點而是畫素，所以就創造了PPI（Pixels Per Inch），這個值是螢幕每英寸的畫素數量，即畫素密度（Screen density）。由於各種原因，目前PPI(主要是iOS)和DPI(比如在Android中)都會用在計算機顯示裝置的引數描述中，不過二者的意思是一樣的，都是代表螢幕畫素密度。
螢幕畫素密度(DPI或PPI) = 對角線解析度 / 螢幕尺寸
勾股定理算出對角線的解析度：√(1920²+1080²)≈2203
對角線解析度除以螢幕尺寸：2203/5≈440dpi
DPI = 對角線解析度 / 螢幕尺寸
以iphone3s和iphone4為例，二者螢幕尺寸一樣，螢幕解析度相差一倍，螢幕畫素密度也相差一倍
Google官方指定按照下列標準區分不同裝置的dpi
蘋果的區分則更為簡單：非高清屏、高清屏、超高清屏
//1242*0.87=1080 2208*0.87=1920 3*0.87=2.61
從數值上看，蘋果和安卓有這樣的對應關係
