1离斩、<meta name="viewport" content="width=device-width,initial-scale=1">
- width=device-width：設(shè)置視口寬度等于屏幕寬度。
- initial-scale=1：設(shè)置初始縮放比瘪匿。
- user-scalable=no：設(shè)置禁止縮放跛梗；配合maximum-scale=1, minimum-scale=1使用。
2棋弥、獲取視口寬度
- 方法一：document.documentElement.clientWidth：獲取的是文檔的寬度核偿。
- 方法二：document.documentElement.getBoundingClientRect().width：獲取的是文檔的寬度。
-
注意：一般在開發(fā)中文檔寬度相當于視口寬度顽染。
3漾岳、開發(fā)中常用的單位
- px：絕對單位。不會隨著視口大小的變化而變化, 像素是一個固定的單位粉寞。
- %：相對單位尼荆。百分比是一個動態(tài)的單位, 會隨著父元素寬高的變化而變化。
- em：相對單位唧垦。em是一個動態(tài)的單位, 會隨著參考元素字體大小的變化而變化捅儒。
- rem：相對單位。rem是一個動態(tài)的單位, 會隨著根元素字體大小的變化而變化，其它祖先元素的字體大小不會影響rem尺寸巧还。
- vw/vh：相對單位（視口單位）鞭莽。vw/vh是一個動態(tài)的單位, 會隨著視口大小的變化而變化，系統(tǒng)會將視口的寬度和高度分為100份,1vw就占用視口寬度的百分之一, 1vh就占用視口高度的百分之一麸祷，w和vh永遠都是以視口作為參考澎怒。
- vmax/vmin：vmin是 vw和vh中較小的那個；vmax是 vw和vh中較大的那個阶牍。
