入門(1)--螢幕解析度、PPI,螢幕尺寸,dpr
1.螢幕解析度
螢幕在縱橫座標上的畫素,1280*960,表示縱座標上1280個畫素,橫座標960個畫素
2.螢幕尺寸
螢幕的對角線長度,使用英寸表示,1in=2.54cm
3.ppi
每英寸上面的畫素個數。ppi=對角線上的畫素個數/螢幕尺寸
4.dpr
dpr=物理畫素/邏輯畫素.物理畫素就是螢幕解析度中所示的畫素就是物理畫素。邏輯畫素,就是我們在css中使用的畫素。例如在iPhone6中,我們一個邏輯畫素在iPhone中呈現
的時候,實際佔領了兩個物理畫素,所以dpr=2; 在js中我們通過document.documentElement.clientWidth
獲取螢幕的邏輯畫素,那麼我們就可以通過邏輯畫素*2=物理畫素。
相關推薦
入門(1)--螢幕解析度、PPI,螢幕尺寸,dpr
1.螢幕解析度 螢幕在縱橫座標上的畫素,1280*960,表示縱座標上1280個畫素,橫座標960個畫素 2.螢幕尺寸 螢幕的對角線長度,使用英寸表示,1in=2.54cm 3.ppi 每英寸上面的畫素個數。ppi=對角線上的畫素個數/螢幕尺寸 4.dpr dpr=物理畫素
無線客戶端框架設計(1):前言、目錄,以及一些念念碎
接下來要說的一個系列,是一個完整的App應用所需要的企業級框架設計,是我這2年來在無線客戶端這個領域摸爬滾打的,總結沉澱的心得體會,中途吃了很多虧,走過很多彎路,加了很多班,一次又一次的重構,不斷的學習,才知道,哦,原來iOS要這麼做,原來Android要那麼做,然後回過頭來再看看我最熟悉的WP,哦,原來WP
Canvas入門(1):繪制矩形、圓、直線、曲線等基本圖形
dsm etc win cti b2c 創建 例如 .com courier 來源:http://www.ido321.com/968.html 一、Canvas的基礎知識 Canvas是HTML 5中新增的元素,專門用於繪制圖形。canvas元素就相當於一塊“畫布
React從入門到架構(1)--手把手建立、解讀以及開發第一個ReactApp
在開始建立第一個專案之前,我們有一些準備工作要做: 1. 前置工作–安裝軟體 安裝nodejs軟體,官網都有免費的可以下載:nodejs下載地址. 安裝VS Code軟體,不喜歡VS Code的也可以使用sublime Text都可以的,官網可以免費下載安裝:V
Java學習入門--(1)JDK、JRE、JVM三者間的關係
學習JAVA前必須瞭解Java跨平臺特性,Java 為什麼能跨平臺,實現一次編寫,多處執行?Java 能夠跨平臺執行的核心在於 JVM(Java虛擬機器) 。不是 Java 能夠跨平臺,而是它的 jvm 能夠跨平臺執行。我們知道,不同的作業系統向上的 API 肯定是不同的,那麼如果我們想要寫一段程式碼呼
Java學習入門--(1)JDK、JRE、JVM三者間的關系
java跨平臺 -- kit windows 能夠 machine 類庫 javac -o 學習JAVA前必須了解Java跨平臺特性,Java 為什麽能跨平臺,實現一次編寫,多處運行?Java 能夠跨平臺運行的核心在於 JVM(Java虛擬機) 。不是 Java 能夠跨平臺
Canvas入門(1):繪製矩形、圓、直線、曲線等基本圖形
一、Canvas的基礎知識 Canvas是HTML 5中新增的元素,專門用於繪製圖形。canvas元素就相當於一塊“畫布”,一塊無色的透明區域,需要利用JavaScript編寫在其中進行繪畫的指令
DB2入門(1)--安裝、啟動、連線
1.安裝資料庫 windows下的安裝 軟體下載直接是從官網下載的, 下載免費試用版學習一下: 1. 進入官網,點選“Free DB2 trials” 2. 然後選擇自己要下載的版本,我選擇的是社群試用版 3. 然後選擇電腦系統對應的版本:
Python入門筆記(1)_ 安裝、IDLE設定 及 opencv 配置
近期學習Python,計劃用Python做影象處理。於是用一天時間學習了imooc中的Python入門教程。這裡做個總結。 安裝 很簡單,直接進官網下載,一般為了相容性,大多選擇 2.7 版本。 按
jQuery源代碼解析(1)—— jq基礎、data緩存系統
代碼解析 post 方法 step 作用域鏈 垃圾清理 版本 get initial 閑話 jquery 的源代碼已經到了1.12.0 版本號。據官網說1版本號和2版本號若無意外將不再更新,3版本號將做一個架構上大的調整。但預計能兼容IE6-8的。或許
Echares入門(1)——常用圖組件
log -s enter 顯示 均值 像素 point gin str Option對象
我的微信小程序入門(1)
app 用戶 註冊 教程 微信公眾平臺 聯網 互聯 一個 .com 作為互聯網行業的一員,我們需要一個可以快速接受新鮮事物的腦袋。很高興的是,我有一半這樣的腦袋。 今年的互聯網行業,出現了一個生猛的新軍,那便是“微信小程序”了。 微信是近幾年最熱門的軟件應用(農藥也是)。而
通過C學Python(1)關於語言、數值類型和變量
而在 有一種 float char 有用 運行時 復數運算 單獨的數 數值類型 強類型語言,不可能出現“程序執行出錯後仍可繼續執行,並且該錯誤導致的問題使後續執行可能出現任意行為”這類錯誤,這類錯誤的例子,如C裏的緩沖區溢出、Jump到錯誤地址。 弱類型語言,類型檢查更不嚴
卷積神經網絡入門(1) 識別貓狗
關系 圖像識別 能力 數字 匿跡 ssi 圖像處理 目標 多個 一下來自知乎 按照我的理解,CNN的核心其實就是卷積核的作用,只要明白了這個問題,其余的就都是數學坑了(當然,相比較而言之後的數學坑更難)。 如果學過數字圖像處理,對於卷積核的作用應該不陌生,比如你做一個最簡
Spring入門(二)— IOC註解、Spring測試AOP入門
兩種 cts his 工作 source print 編程 實現機制 工廠 一、Spring整合Servlet背後的細節 1. 為什麽要在web.xml中配置listener <listener> <listener-class>org.s
Spring入門(三)— AOP註解、jdbc模板、事務
list() 規範 行數 get attribute 樂觀鎖 過濾 callback 賬號 一、AOP註解開發 導入jar包 aop聯盟包、 aspectJ實現包 、 spring-aop-xxx.jar 、 spring-aspect-xxx.jar 導入約束 a
Gradle基本使用(1):安裝、IDEA使用
程序 enter epo osi window ont ins window下 cto 安裝配置Gradle Gradle 二進制版下載地址: https://gradle.org/install/ 下載後解壓,並將 GRADLE_HOME/bin 添加到系統 path
Spring_boot入門(1)
ppi lease 結構 有關 tomcat jos already ase rod Spring boot 將很多東西都集成在一起了,搭建maven項目的時候只需要引入很少的依賴就可以實現項目的搭建。 1.搭建maven項目結構 2.引入Spring boot 依賴 直接
java 入門(1)--介紹
就是 linux 人的 -- OS 完全 gpo 介紹 歸類 陣營 人們在認識事物的時候,很喜歡貼標簽、歸類、劃陣營。越是閱歷多就越會這樣。 這也不完全是什麽壞事,至少可以把事物間作個對比、歸納。 java到底是一種什麽樣的語言呢? 首先,她是一門高級語言。這是與機器語言、
NFS(1)NFS介紹、 NFS服務端安裝配置、配置選項、exportfs命令、NFS客戶端問題
NFS服務端安裝配置 NFS介紹NFS服務常常用到,用於在網絡上共享存儲NFS工作原理(在centos版本5及之前的版本,RPC服務叫portmap,之後就叫:rpcbind)NFS服務需要借助RPC協議進行通信。 NFS服務端安裝配置先準