視口像素Vs的設備像素Vs的CSS像素

Question

CSS像素：

div.sidebar { 
    width: 300px; 
} 

CSS像素寬度=設備象素寬×1 /設備像素比

例如：說，具有1920的裝置（寬）×960（H）器件中的像素和DPR = 2

CSS-寬度= 1920 *（1個CSS PX/2設備PX）= 960像素

---

設備像素：

@media all and (max-device-width: 320px) { 
     ....  
} 

---

縮放因子：

當縮放因子是完全100％，一個CSS像素等於一個設備像素（雖然即將中間層將採取設備像素的位置在這裏。）下面的圖片描述了這一點。這裏沒什麼可看的，因爲一個CSS像素與一個設備像素完全重疊。

我也許應該提醒你，「放大10​​0％」在Web開發意義不大。縮放級別對我們來說並不重要;我們需要知道的是當前屏幕上有多少CSS像素。以下兩幅圖像說明了用戶縮放時發生的情況。第一個顯示用戶縮小時的設備像素（深藍色背景）和CSS像素（半透明前景）。 CSS像素變小了;一個設備像素與幾個CSS像素重疊。第二張圖片顯示了用戶放大後的設備和CSS像素。現在，一個CSS像素與幾個設備像素重疊。

問：

1）如何管理縮放級別？元標記的auto-scale屬性決定縮放級別？

---

視口：這是區域（CSS像素）

WRT視口像素，

initial-scale設置CSS像素和視口像素之間的關係，如所提到here。例如：initial-scale = 1表示1個CSS像素等於1個視口像素。

---

問：

2）什麼是視像素？

Answer 1

聽起來像當回答鏈接問題時現場組成的回答者。他們的回答（在我編輯它之前）完全是由塊引用組成，這給他們的錯誤印象是他們引用了明顯定義這些術語的外部來源。

CSS沒有定義這樣的術語，也沒有任何其他規範。視口元標記只是簡單地改變了移動瀏覽器的縮放行爲，對渲染沒有任何有意義的影響。