<meta name="viewport" content="width=device-width, initial-scale=1.0" >
使用實例,wordpress2020主題,header.php
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1.0" >
<link rel="profile" href="https://gmpg.org/xfn/11">
<?php wp_head(); ?>
</head>
meta 標籤
屬性:name
viewport 屬性
用於移動端顯示優化的。
content屬性值 :
- width:可視區域的寬度,值可為數字或關鍵詞device-width
- height:同width
- intial-scale:頁面首次被顯示是可視區域的縮放級別,取值1.0則頁面按實際尺寸顯示,無任何縮放
- maximum-scale=1.0, minimum-scale=1.0 可視區域的縮放級別
- maximum-scale 用戶可將頁面放大的程序,1.0將禁止用戶放大到實際尺寸之上
- user-scalable:是否可對頁面進行縮放,no 禁止縮放
參考:
viewport 深入理解
https://www.runoob.com/w3cnote/viewport-deep-understanding.html