視口設置時content屬性常用參數

更新時間:2020-09-10 來源:黑馬程序員瀏覽量:

在使用meta標簽設置視口時，可以在content屬性中添加一些參數，其格式為“參數名=參數值”，多個參數用“;”分開。以前面演示過的“width=device-width”為例，width就是參數名，device-width是參數值。

接下來為大家列舉content屬性中的一些常用的參數，具體如表1所示。

表1 視口的常用設置參數

參數名	說明
width	設置視口寬度，可以設為正整數（像素）或特殊值device-width
height	設置視口高度，可以設為正整數（像素）或特殊值device-height
initial-scale	初始縮放比，取值范圍為0.0~10.0
maximum-scale	最大縮放比，取值范圍為0.0~10.0
minimum-scale	最小縮放比，取值范圍為0.0~10.0
user-scalable	用戶是否可以縮放，其值為yes或no

在表1中，device-width表示設備寬度，device-height表示設備高度。

為了使讀者更好地理解，下面通過代碼進行演示。

<name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0">

上述代碼將視口設置為不允許用戶縮放頁面、視口寬度等于設備寬度、初始縮放比為1.0，最大縮放比為1.0。

猜你喜歡：

最新資訊