PC端和移动端初始页面

最新推荐文章于 2021-06-17 12:28:12 发布

uhhuh-495

最新推荐文章于 2021-06-17 12:28:12 发布

阅读量197

点赞数

本文链接：https://blog.csdn.net/weixin_42166007/article/details/96577590

版权

功能（方法）实现案例专栏收录该内容

26 篇文章 0 订阅

订阅专栏

PC端：

<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<!-- mate标签 -->
    <meta charset="utf-8" /> 
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="robots" content="all">
	<meta name="author" content="" />
	<meta name="Copyright" content="" />
	<meta name="Description" content="页面的描述内容" />
	<meta name="Keywords" content="页面关键字" />

	<title>页面名称-产品中文全称-官方网站-腾讯游戏-产品slogan</title>
    <!-- 页面设计：公司名称 | 页面制作：公司名称 | 创建：2017-09-09  -->

	<!-- 重置页面样式（reset） -->
	<style type="text/css">
		body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form,header,section,article,footer{margin:0;}
		body,button,input,select,textarea{font:12px/1.5 tahoma,'\5FAE\8F6F\96C5\9ED1',sans-serif}
		h1,h2,h3,h4,h5,h6{font-size:100%}
		em,b{font-style:normal}
		a{text-decoration:none} 
		a:hover{text-decoration:underline}
		img{border:0} 
		body{padding-top:42px} 
		button,input,select,textarea{font-size:100%;outline:none}
		table{border-collapse:collapse;border-spacing:0}
		td,th,ul,ol{padding:0}
	</style>

	<!-- 双端页面跳转 -->
	<script type="text/javascript">
		(function() {
			if(/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)){
				var a=document.referrer,
					b={"baidu.com":"seo_baidu","sogou.com":"seo_sogou","sm.cn":"seo_sm","so.com":"seo_360","bing.com":"seo_bing","google.com":"seo_google"},
					c;
				for(c in b){
					if(-1!=a.indexOf(c)){
						a=b[c];
						if(window.sessionStorage){
							sessionStorage.setItem("channel",a)
						}else{
							var d=d||0,
								b="";
							0!=d&&(b=new Date,b.setTime(b.getTime()+1000*d),b="; expires="+b.toGMTString());
							document.cookie="channel="+escape(a)+b+"; path=/"
						}
						break
					}
				}
				window.location.href="/m/"+location.search
			};
		})();
	</script>
</head>
<body>
    <div></div>
    <script type="text/javascript"></script>
</body>
</html>

移动端：

<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<!-- mate标签 -->
    <meta charset="gbk" /> 
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
	<!-- 为了防止页面数字被识别为电话号码，可根据实际需要添加： -->
	<meta name="format-detection" content="telephone=no"> 
	<!-- 让添加到主屏幕的网页再次打开时全屏展示，可添加：   -->
	<meta content="yes" name="mobile-web-app-capable">
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta name="robots" content="all">
	<meta name="author" content="" />
	<meta name="Copyright" content="" />
	<meta name="Description" content="" />
	<meta name="Keywords" content="" />

	<title>页面名称-产品中文全称-官方网站-腾讯游戏-产品slogan</title>
	<!-- 页面设计：公司名称 | 页面制作：公司名称 | 创建：2017-09-09  -->

	<!-- 重置页面样式（reset） -->
	<style type="text/css">

		/* 移动端常用reset.css (文字版本) */
		html,body,div,p,ul,li,dl,dt,dd,em,i,span,a,img,input,h1,h2,h3,h4,h5 {margin:0;padding:0}
		a,img,input {border:none;}
		body{font: 14px/1.75 -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;}
		a {text-decoration:none;}
		ul,li{list-style: none}

		/* 移动端常用reset.css (无文字版本) */
		html,body,div,p,ul,li,dl,dt,dd,em,i,span,a,img,input,h1,h2,h3,h4,h5 {margin:0;padding:0}
		a,img,input {border:none;}
		body{font: 14px/1.75  -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;-webkit-tap-highlight-color: rgba(0,0,0,0);}
		a {text-decoration:none;}
		ul,li{list-style: none}
		a, img {-webkit-touch-callout: none; /* 禁止长按链接与图片弹出菜单 */}
		html, body {
		    -webkit-user-select: none;   /* 禁止选中文本（如无文本选中需求，此为必选项） */
		    user-select: none;
		}

	</style>

	<!-- 双端页面跳转 -->
	<script type="text/javascript">
		(function() {
			if(!/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)) {
    			window.location.href = "PC端专题地址"+location.search;
			}
		})();
	</script>
</head>
<body>
    <div></div>
    <script type="text/javascript"></script>
</body>
</html>

注：参考腾讯规范文档

uhhuh-495

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
PC端和移动端初始页面

PC端：<!DOCTYPE html><html lang="zh-cn"><head>  <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> &l...
复制链接

扫一扫

专栏目录