首頁技術(shù)文章正文

視口設(shè)置時content屬性常用參數(shù)

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

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

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

表1 視口的常用設(shè)置參數(shù)

參數(shù)名說明
width設(shè)置視口寬度,可以設(shè)為正整數(shù)(像素)或特殊值device-width
height設(shè)置視口高度,可以設(shè)為正整數(shù)(像素)或特殊值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表示設(shè)備寬度,device-height表示設(shè)備高度。

為了使讀者更好地理解,下面通過代碼進(jìn)行演示。

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

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


猜你喜歡:

JavaScript函數(shù)介紹:5分鐘了解JavaScript

什么是流式布局?什么情況下用?

常用css樣式大全[2020最新整理版]

分享到:
在線咨詢 我要報名
和我們在線交談!