更新時(shí)間:2020-09-10 來源:黑馬程序員 瀏覽量:
在使用meta標(biāo)簽設(shè)置視口時(shí),可以在content屬性中添加一些參數(shù),其格式為“參數(shù)名=參數(shù)值”,多個(gè)參數(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。
猜你喜歡:
【AI設(shè)計(jì)】北京143期畢業(yè)僅36天,全員拿下高薪offer!黑馬AI設(shè)計(jì)連續(xù)6期100%高薪就業(yè)
2025-09-19【跨境電商運(yùn)營】深圳跨境電商運(yùn)營畢業(yè)22個(gè)工作日,就業(yè)率91%+,最高薪資達(dá)13500元
2025-09-19【AI運(yùn)維】鄭州運(yùn)維1期就業(yè)班,畢業(yè)14個(gè)工作日,班級(jí)93%同學(xué)已拿到Offer, 一線均薪資 1W+
2025-09-19【AI鴻蒙開發(fā)】上海校區(qū)AI鴻蒙開發(fā)4期5期,距離畢業(yè)21天,就業(yè)率91%,平均薪資14046元
2025-09-19【AI大模型開發(fā)-Python】畢業(yè)33個(gè)工作日,就業(yè)率已達(dá)到94.55%,班均薪資20763元
2025-09-19【AI智能應(yīng)用開發(fā)-Java】畢業(yè)當(dāng)天offer率91%,薪資1W+占比54.2%,班級(jí)均薪12k+
2025-09-19