移動裝置的尺寸

2022-03-11 18:38:01 字數 547 閱讀 3393

1 point 是物理單位 或者稱作磅   1point = 1/72 英吋  1英吋是2.54厘公尺

2 pixel的物理尺寸是不固定的

3 dpi   dots per inch,dot在顯示器裡指顯示器的物理畫素 或者叫實際的畫素 每英吋的點數 一般指每英吋的畫素數 如果值是72 那麼在這個裝置裡 1 point = 1 pixel

4 ppi  每英吋有多少物理畫素

5 蘋果的產品ppi一般是72

6 iphone 6 橫向375pt 即5.208英吋 (實際橫向是2.6英吋)

7 devicepixelratio 裝置畫素比 在視網膜螢幕的iphone上,螢幕物理畫素640畫素,獨立畫素( 或者叫css 畫素解析度)還是320畫素,因此,window.devicepixelratio等於2.   簡單地說,這告訴瀏覽器應該使用多少個螢幕的實際畫素來繪製單個 css 畫素

8 如果希望網頁的元素在高ppi裝置上顯示不模糊(比如1080x1920螢幕的手機),位圖應該做3倍的尺寸(比如做300*300px的圖,然後在css中設width和height為100px)

移動裝置的介面設計尺寸

剛開始接觸ui的時候,碰到的最多的就是尺寸問題,什麼畫布要建多大 文字該用多大才合適 我要做幾套介面才可以?什麼七七八八的也著實讓人有些頭疼。iphone 介面尺寸 320 480 640 960 640 1136 ipad 介面尺寸 1024 768 2048 1536 以上單位都是畫素哦,至於解...

移動 尺寸改變

ios sdk不希望開發者通過修改frame的辦法來移動檢視,而推薦設定檢視的center屬性。autoresizessubviews 當檢視的bounds發生變化時,其子檢視是否會自動縮放。autoresizingmask 當上級檢視的bounds有變化時,本檢視應該如何響應。如果檢視處在約束系統...

移動app開發中多種裝置尺寸適配問題

1 選擇一種尺寸作為設計和開發基準 2 定義一套適配規則,自動適配剩下兩種尺寸 3 特殊適配效果給出設計效果。第一步,視覺設計階段,設計師按寬度750px iphone 6 做設計稿,除外所有設計元素用向量路徑來做。設計定稿後在750px的設計稿上做標註,輸出標註圖。同時等比放大1.5倍生成寬度11...