移动端专用的meta标签设置大全

2020-04-17 08:09:15易采站长站整理

<meta name=”viewport” content=”width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0″>

maximum-scale=1.0最大缩放比例(为了个别手机华为Meta8)

—————————————————————————–

苹果设备专有meta:


<!—允许网页以app形式运行(允许添加到主屏幕)—>

<meta name=”apple-mobile-web-app-capable” content=”yes”>

<!—状态栏颜色—>

<meta name=”apple-mobile-web-app-status-bar-style” content=”black”>

京东meta:


<meta name=”viewport” content=”width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0″>

<meta name=”apple-mobile-web-app-capable” content=”yes”>

<meta name=”apple-mobile-web-app-status-bar-style” content=”black”>

<!—禁止之别电话号码和邮箱—>

<meta name=”format-detection” content=”telephone=no,email=no”>

淘宝meta:


<meta content=”yes” name=”apple-mobile-web-app-capable”>

<!–点击页面区域全屏展示—>

<meta content=”yes” name=”apple-touch-fullscreen”/>

<meta content=”telephone=no,email=no” name=”format-detection”/>

<!–应用信息,保留系统历史记录,运动效果–>

<meta name=”App-Config” content=”fullscreen=yes,useHistoryState=yes,transition=yes”/>

其他meta:


<!–强制让360浏览器用chrome内核渲染页面–>

<meta name=”renderer” content=”webkit”>

<!–尽量用IE最新的模式渲染–>

<meta http-equiv=”X-UA-Compatible” content=”IE=edge”>

<!–针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑莓–>

<meta name=”HandheldFriendly” content=”true”>

<!–微软的老式浏览器–>

<meta name=”MobileOptimized” content=”320″>

<!– uc强制竖屏–>

<meta name=”screen-orientation” content=”portrait”>

<!– QQ强制竖屏–>

<meta name=”x5-orientation” content=”portrait”>

<!– UC强制全屏–>