移动端头部meta、link书写比较好的案例

最新推荐文章于 2022-10-11 21:17:35 发布

kongjiea

最新推荐文章于 2022-10-11 21:17:35 发布

阅读量1.5k

点赞数 1

分类专栏： html5

本文链接：https://blog.csdn.net/kongjiea/article/details/50009275

版权

html5 专栏收录该内容

31 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
	<!--[if lt IE 7 ]><html class="oldie ie ie6"> <![endif]-->
	<!--[if IE 7 ]><html class="oldie ie ie7"> <![endif]-->
	<!--[if IE 8 ]><html class="ie ie8"> <![endif]-->
	<!--[if (gte IE 9)\|!(IE)]><!-->
	<html>
	<!--<![endif]-->
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>展示</title>
	<meta name="keywords" content="3D虚拟展示" />
	<meta name="description" content="实用的互联网产品。" />
	<meta name="title" content="有限公司" />
	<meta name="author" content="2014-06" />
	<meta name="Copyright" content="2014" />
	<!-- 让IE浏览器用最高级内核渲染页面还有用 Chrome 框架的页面用webkit 内核
	================================================== -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<!-- IOS6全屏 Chrome高版本全屏
	================================================== -->
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="mobile-web-app-capable" content="yes">
	<!-- 让360双核浏览器用webkit内核渲染页面
	================================================== -->
	<meta name="renderer" content="webkit">
	<!-- Mobile Specific Metas
	================================================== -->
	<!-- !!!注意 minimal-ui 是IOS7.1的新属性，最小化浏览器UI -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
	<meta name="format-detection" content="telephone=no">
	<!-- CSS
	================================================== -->
	<link href="/css/reset.css"rel="stylesheet" type="text/css">
	<link href="/css/magicwall.css"rel="stylesheet" type="text/css">
	<link href="/css/jquery.gridster.css"rel="stylesheet" type="text/css">
	<link href="/css/case.css"rel="stylesheet" type="text/css">
	<link href="/css/case_1280.css"rel="stylesheet" type="text/css">
	<link href="/css/case_1024.css"rel="stylesheet" type="text/css">
	<link href="/css/case_640.css"rel="stylesheet" type="text/css">
	<link href="/css/case_320.css"rel="stylesheet" type="text/css">
	<link href="/css/style_retina.css"rel="stylesheet" type="text/css">

	<!--[if lt IE 9]>
	<script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>
	<![endif]-->

	<!-- Favicons
	================================================== -->
	<link rel="shortcut icon" href="favicon.ico">
	<!-- Android 主屏图标
	================================================== -->
	<link rel="icon" sizes="196x196"href="/images/apple-touch-icon-152x152.png">
	<!-- IOS 主屏图标
	================================================== -->
	<link rel="apple-touch-icon-precomposed" href="/images/apple-touch-icon-76x76.png">
	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="/images/apple-touch-icon-76x76.png">
	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="/images/apple-touch-icon-120x120.png">
	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="/images/apple-touch-icon-152x152.png">


	<!-- <link rel="apple-touch-startup-image" href="/startup-748x1024.jpg"
	media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)" >
	<link rel="apple-touch-startup-image" href="/startup-768x1004.jpg"
	media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)" > -->

kongjiea

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
移动端头部meta、link书写比较好的案例

http-equiv="Content-Type" content="text/html; charset=utf-8"> UI设计_软件界面设计_APP应用开发_交互设计_上海艾艺-3D虚拟展示 name="keywords" content="UI设计, 软件界面设计,html5开发,移动端UI设计,IOS开发,Android（安卓）开发,用户体验,交互设计,多
复制链接

扫一扫