移動端知識小總結

2021-10-14 04:28:52 字數 530 閱讀 8893

1、ppi每英吋的物理畫素點

2、兩倍圖

想在螢幕中顯示一張100100的

先製作一張200-200的

再設定為100100,這樣高清屏會放大兩倍,這樣會造成模糊效果。這裡的兩倍不是尺寸放大兩倍,而是用兩倍的畫素來顯示。

3、布局視口 layout viewport

為了pc端的網頁在手機上顯示

4、視覺視口 visual viewport

看到的**的區域

5、理想視口 ideal viewport

使**在移動端有最理想的瀏覽和閱讀寬度而設定

設定布局視口自適應

禁止使用者縮放

user-scalable=no

標準的viewport設定

日常小知識 移動端

1 修改預設的placeholder顏色 webkit input placeholder moz placeholder moz placeholder ms input placeholder 2 複寫掉ios的input樣式 移動 input type button 3 ios,overflo...

移動端基礎知識總結

虛擬畫素,css和js使用的抽象單位,瀏覽器內的一切長度都是以css畫素為單位的,css畫素的單位是px。px實際是pixel 畫素 的縮寫,根據 維基百科的解釋,它是影象顯示的基本單元,既不是乙個確定的物理量,也不是乙個點或者小方塊,而是乙個抽象概念。每英吋多少畫素數 ppi也叫畫素密度,所表示的...

移動端知識點總結

二,取消表單元素在點選態時的邊框以及半透明灰色背景 css input,textarea,button,a 三,移除原生控制項樣式 css input,button,textarea 四,使用rem來做響應式開發 scss html media screen and min width 360px ...