移動web開發之螢幕三要素

2022-01-17 14:51:32 字數 2014 閱讀 6628

實際上,並沒有人提過螢幕三要素這個詞,僅是我關於移動web開發螢幕相關部分總結歸納的術語。螢幕三要素包括螢幕尺寸、螢幕解析度和螢幕畫素密度。

我們常常聽說5.5英吋大螢幕手機,實際上螢幕尺寸是指螢幕的對角線長度。常見的螢幕尺寸有3.5、4、4.3、4.8、5.0、5.2、5.5、6.0等

對於英吋沒有什麼概念,可以通過轉換公式轉換成常用的厘公尺

1英吋 = 2.54厘公尺

螢幕解析度是指螢幕的畫素點數,一般以縱向畫素*橫向畫素來表示解析度。顯示常用解析度有如800*600、1024*768、1280*720、1600*900、1920*1080,單位是px

[注意]關於畫素的相關知識移步至此

若存在retina視網膜螢幕,要注意的是螢幕解析度指的是裝置畫素,而不是理想視口

【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萬畫素

勾股定理算出對角線的解析度:√(1920²+1080²)≈2203

對角線解析度除以螢幕尺寸:2203/5≈440dpi

dpi = 對角線解析度 / 螢幕尺寸
以iphone3s和iphone4為例,二者螢幕尺寸一樣,螢幕解析度相差一倍,螢幕畫素密度也相差一倍

google官方指定按照下列標準區分不同裝置的dpi

蘋果的區分則更為簡單:非高清屏、高清屏、超高清屏

//1242*0.87=1080 2208*0.87=1920 3*0.87=2.61
從數值上看,蘋果和安卓有這樣的對應關係

移動平台遊戲開發團隊成功三要素

1.出品人,就是乙個對外推廣和發行的人,需要有較強的溝通能力和協調能力,如果能夠兼任與投資方的溝通協調角色就更好了。要求性格外向,陽光。給人的第一感覺是最重要的,這一點對於中小公司來說尤為重要。2.設計師 總設計師 編劇設計師 人物設計師。較小的專案可能只有1個設計師。必須是出色的合作者和說服者 3...

移動web開發 meta 之 viewport

常用的 viewport meta 如下 1 metaname viewport content width device width,initial scale 1,minimum scale 1,maximum scale 1,user scalable no 1 width 控制viewpor...

移動web開發之rem布局

理論基礎 什麼是rem?fontsize of the root elelment 說白了就是字型單位,是指相對於根元素的字型大小的單位。rem的優點 相對於流式布局 響應式布局等布局方式,rem更為靈活,可以根據根不同螢幕尺寸上的根元素來等比例適配。rem的基準值 根元素的字型大小 而網頁的根元素...