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

<title>手机搜狐网</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Cache-Control" content="no-cache" /> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" /> <meta name="MobileOptimized" content="320"/> <meta name="description" content="" /> <meta name="keywords" content="" />

————————

模拟手机端网页

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

viewport ->视窗(展示区域)

width=device-width设备宽度

视口

<metaname = ‘viewport’content = “width=320”> <metaname = ‘viewport’content = “width=device-width”>

user-scalable=no/0是否允许缩放

initial-scale=1.0初始值

maximum-scale=1.0

minimum-scale=1.0

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

<meta name=”viewport” content=”width=device-width, user-scalable=no”>

user-scalable=no/0禁止用户缩放页面

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

initial-scale=1.0初始化页面缩放比例

<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强制全屏–> <meta name=”full-screen” content=”yes”> <!– QQ强制全屏–> <meta name=”x5-fullscreen” content=”true”> <!– UC应用模式–> <meta name=”browsermode” content=”application”> <!– QQ应用模式–> <meta name=”x5-page-mode” content=”app”>

（编辑：核心网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!