本文記錄學到的有關視口的內容，不足之處請指正。 1、視口 有時會使用百分比來聲明寬度,如： 假設div是body的子元素，這段css就表示該div占body寬度的30%.body沒有顯示聲明寬度，因此body占用了父包含塊html元素寬度的100%。同樣的，html ...

本篇主要是記錄一下移動端視口的分類說明和其它的一些知識。在開始之前，先看一個典型的例子： 上述代碼相信大家在做移動端開發時經常去書寫。它研究了兩個內容：meta視口和寬度媒體查詢。通常我們都會稱上述代碼為CSS3的媒體查詢功能。使用媒體查詢功能能夠解決針對桌面級的web設計在移動端 ...

移動端開發中，有一些基本概念需要理解清楚，才能更好的組織編程邏輯。在剛接觸時，移動端視口的縮放和rem單位的縮放搞混淆了，弄得自己很蒙圈。所以仔細總結下自己的理解。 移動端的適配，我理解為兩點： 第一點就是視口的縮放配置，牽扯出視口和像素等概念。目的是為讓我們的CSS樣式中邏輯像素匹配 ...

在 PC 端，視口指的是瀏覽器的可視區域，其寬度和瀏覽器窗口的寬度保持一致。在 CSS 標准文檔中，視口也被稱為初始包含塊，它是所有 CSS 百分比寬度推算的根源，給 CSS 布局限制了一個最大寬度。 而移動端則較為復雜，它涉及到三個視口：布局視口（Layout Viewport）、視覺視口 ...

前面的話 　　在CSS標准文檔中，視口viewport被稱為初始包含塊。這個初始包含塊是所有CSS百分比寬度推算的根源，它給CSS布局限制了一個最大寬度。在桌面上，視口的寬度和瀏覽器窗口的寬度一致。而在移動端，視口分為布局視口(layout viewport)、視覺視口(visual ...

萌狼藍天 2022年 3月 11日 學號：202006070225 一、填空題 1.視口分為布局視口、視覺視口、理想視口 2視口通過<meta>標簽來設置 3.初始化移動端默認樣式使用的庫是normalize.css backgound-size 中把背景圖片擴展 ...

一、viewport視口 1.1什么是屏幕尺寸、屏幕分辨率、屏幕像素密度？ 屏幕尺寸：指屏幕的對角線的長度，單位是英寸，常見的屏幕尺寸有3.5、3.7、4.2、4.7、5.0、5.5、6.0等。 屏幕分辨率：指在橫縱向上的像素點數，單位是px，1px=1個像素點。一般以縱向像素*橫向像素 ...

（結論在最后面） 首先說明，一般視口標簽完整寫法：<meta name="viewport" content="width=device-width",initial-scale=1, maximum-scale=1,user-scable=no/> 那么為啥移動端要加個視口標簽 ...