首页 > 代码库 > meta

meta

<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