虛擬畫素,css
和js
使用的抽象單位,瀏覽器內的一切長度都是以css
畫素為單位的,css
畫素的單位是px。px
實際是pixel
(畫素)的縮寫,根據 維基百科的解釋,它是影象顯示的基本單元,既不是乙個確定的物理量,也不是乙個點或者小方塊,而是乙個抽象概念。
每英吋多少畫素數
ppi也叫畫素密度,所表示的是每英吋所擁有的畫素數量。因此ppi數值越高,即代表顯示屏能夠以越高的密度顯示影象。當然,顯示的密度越高,擬真度就越高,pixels per inch是畫素的密度單位,就像ppi值越高,畫面的細節就會越豐富
每英吋多少點
布局視口是指網頁的寬度,一般移動端瀏覽器都預設設定了布局視口的寬度,根據裝置的不同,布局視口的預設寬度有可能是768px,980px,1024px等,這個寬度並不適合在手機螢幕中展示,移動端瀏覽器之所以採用這樣的預設設定,是為了解決早期的pc端頁面在手機上顯示的問題
視覺視口是指使用者正在看到的**的區域,這個區域的寬度等同於移動裝置的瀏覽器視窗寬度,
理想視口是指對裝置來講最理想的視口尺寸,採用理想視口的方式,可以使網頁在移動端瀏覽器上獲得最理想的瀏覽器和閱讀寬度,
移動端開發(一) 基礎知識
觸控事件 三種在規範中列出並獲得跨移動裝置廣泛實現的基本觸控事件 1.touchstart 手指放在乙個dom元素上。2.touchmove 手指拖曳乙個dom元素。3.touchend 手指從乙個dom元素上移開。每個觸控事件都包括了三個觸控列表 1.touches 當前位於螢幕上的所有手指的乙個...
移動端測試基礎知識整理(一)
移動端測試包括一下幾點內容 業務邏輯的正確性測試 根據產品文件設計測試用例,加上隱性需求用例 相容性測試 系統版本 android 原生安卓系統 4.4,5.0 等等 以及各個手機廠商定製版本 華為,小公尺.ios 原生系統5.0.螢幕解析度 大屏,小屏,橫屏,豎屏.螢幕的型別 水滴屏,劉海屏.網路...
移動端知識小總結
1 ppi每英吋的物理畫素點 2 兩倍圖 想在螢幕中顯示一張100100的 先製作一張200 200的 再設定為100100,這樣高清屏會放大兩倍,這樣會造成模糊效果。這裡的兩倍不是尺寸放大兩倍,而是用兩倍的畫素來顯示。3 布局視口 layout viewport 為了pc端的網頁在手機上顯示 4 ...