码迷,mamicode.com
首页 > Web开发 > 详细

meta

时间:2017-07-03 12:01:02      阅读:175      评论:0      收藏:0      [点我收藏+]

标签:表示   code   缩放   网络   宽度   规模   strong   热点   2.0   

<meta name="Keywords" content="搜狐,门户网站,新媒体,网络媒体,邮箱,博客,浏览器,快站,地图,输入法,千帆,微门户,看房,畅游,17173,手游"/>
//keywords搜索的关键字;
<meta name="Description" content="搜狐网为用户提供24小时不间断的最新资讯,及搜索、邮件等网络服务。内容包括全球热点事件、突发新闻、时事评论、热播影视剧、体育赛事、行业动态、生活服务信息。" />
//Description搜索描述

<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
//兼容ie
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" /> 

在网页的<head>中增加以上这句话,可以让网页的宽度自动适应手机屏幕的宽度。

其中:

width=device-width :表示宽度是设备屏幕的宽度

height=device-height :表示宽度是设备屏幕的宽度

initial-scale=1.0:表示初始的缩放比例(初始规模为1.0倍,即原始大小)

minimum-scale=0.5:表示最小的缩放比例

maximum-scale=2.0:表示最大的缩放比例

user-scalable=yes或者1:表示用户是否可以调整缩放比例(no或者0:表示不可调整缩放比例)

target-densitydpi:

 

meta

标签:表示   code   缩放   网络   宽度   规模   strong   热点   2.0   

原文地址:http://www.cnblogs.com/-CLAY-/p/meta.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!