本意只是想查下Viewport,在查的时候发现以前对meta这个标签并不是很熟悉，所以就摘抄了几个自己觉得还比较有用的下来。
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Meta</title> 5 <!--初始缩放比例--> 6 <meta name="viewport" content="initial-scale=1.0" /> 7 <!--最小缩放比例--> 8 <meta name="viewport" content="minimum-scale=1.0" /> 9 <!--最大缩放比例--> 10 <meta name="viewport" content="maximum-scale=1.0" /> 11 <!--按设备宽度设定页面宽度--> 12 <meta name="viewport" content="width=device-width" /> 13 <!--按设备高度设定页面高度--> 14 <meta name="viewport" content="height=device-height" /> 15 <!--中等像素密度--> 16 <meta name="viewport" content="target-densitydpi=medium-dpi" /> 17 <!--允许用户缩放--> 18 <meta name="viewport" content="user-scalable=no" /> 19 <!--识别电话号码和邮箱选项--> 20 <meta name="format-detection" content="telephone=no, email=no" /> 21 <!--作者信息--> 22 <meta name="author" content="Larry,[email protected]" /> 23 <!--公司--> 24 <meta name="Copyright" content="Larry" /> 25 <!--关键词--> 26 <meta name="keywords" content="Larry,Larry Carlton" /> 27 <!--页面字符集--> 28 <meta charset="utf-8" /> 29 <!--页面描述--> 30 <meta name="description" content="abcdefg" /> 31 <!--对不支持viewport的老式设备进行手持设备优化--> 32 <meta name="HandheldFriendly" content="true"/> 33 <!--强制竖屏--> 34 <meta name="screen-orientation" content="portrait" /> 35 <!--强制全屏--> 36 <meta name="full-screen" content="yes" /> 37 <!--应用模式--> 38 <meta name="browsermode" content="application" /> 39 <!--开启对WebApp的支持 ,即删除默认的苹果工具栏和菜单栏，开启全屏显示--> 40 <meta name="apple-mobile-web-app-capable" content="yes" /> 41 <!--改变顶部状态条的颜色--> 42 <meta name="apple-mobile-web-app-status-bar-style" content="#fff" /> 43 </head> 44 <body></body> 45 </html>
时间： 2024-12-29 16:43:12