pc端页面，要做兼容。新建pc端模板时，先要初始化浏览器的样式，我命名为reset.css

@charset "utf-8";

/* 取消链接高亮  */

body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article,

aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }

/* 设置HTML5元素为块 */

article, aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section {display: block;}

/* 图片自适应 */

img {

max-width: 100%;

height: auto;

width:auto\9; /* ie8 */

-ms-interpolation-mode:bicubic;/*为了照顾ie图片缩放失真*/

}

/* 初始化 */

body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article,

aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{margin:0; padding:0; border:none;}

*{padding: 0;margin: 0;}

body{font-family: Microsoft YaHei,Tahoma,Arial,sans-serif; color:#525252; background-color:#fff;font-size: 18px;}

em,i{font-style:normal;}

strong{font-weight: normal;}

a{text-decoration:none; color:#676767; font-family: Microsoft YaHei,Tahoma,Arial,sans-serif;}

ul,ol{list-style:none;}

h1, h2, h3, h4, h5, h6{ font-size:100%; font-family: Microsoft YaHei,Tahoma,Arial,sans-serif;;}

img{ border:none; display:block;/*img底部空白*/}

textarea{ resize:none;}

input,area{ outline:none;border:0 none; font-family:  Microsoft YaHei,Tahoma,Arial,sans-serif;}/* 谷歌浏览器表单元素外框 */

table{border-collapse: collapse;}/*table的重叠边框合并*/

　　然后新建html页面，这里须引入jquery，其版本建议越新越好    (ps:这里是最低兼容至ie9，若想兼容更低版本，可参考我其他随笔)

<!DOCTYPE html>

<html >

　　<head>

　　　　<meta charset="UTF-8"/>

　　　　<title>检测IE浏览器版本是否过低</title>

　　　　<link rel="stylesheet" type="text/css" href="css/reset.css"/>

　　　　<script type="text/javascript" src="jquery-1.11.0.js"></script>

　　　　<script type="text/javascript">

	　　/*判断浏览器版本是否过低*/

	　　$(document).ready(function() {

		var b_name = navigator.appName;

		var b_version = navigator.appVersion;

		var version = b_version.split(";");

		var trim_version = version[1].replace(/[ ]/g, "");

		if(b_name == "Microsoft Internet Explorer") {

		　　/*如果是IE6或者IE7或者IE8*/

		　　if(trim_version == "MSIE7.0" || trim_version == "MSIE6.0" || trim_version == "MSIE8.0") {

		　　　　alert("IE浏览器版本过低，请到指定网站去下载相关版本");

			//然后跳到需要连接的下载网站

			//window.location.href="http://jiaoxueyun.com/download.jsp";

		　　}

	　　　　　}

　　　　　　});

　　　　</script>

　　</head>

　　<body>

　　</body>

</html>

　　好了，基本就是这样了。

ps：欢迎拍砖

新建pc端页面的模板的更多相关文章

  1. pc端页面在移动端显示问题

    1.pc端页面在移动端显示,默认视口宽度是980px(也就是body宽度是980px),可通过meta标签设置为需要的尺寸,比如页面中元素最大宽度是1220px,则如下所示 <meta name ...

  2. 移动端和PC端页面常用的弹出层

    我们在页面的时候,很多时候用到了弹出层,消息提醒,确认框等等,统一样式的弹出框可以使页面更加优美.在此,我整理一下我们项目的移动端和PC端页面常用的弹出层. 一.移动端 我们需在页面引入弹出框的样式和 ...

  3. 让PC端页面在手机端显示缩小版的解决方法

    做页面的时候我们做好pC端页面时,因编辑那边需求,在手机端页面也应该是缩小版,不能乱的.在网上找了各种解决方案,经实验,这种是可以的: 在head里边加上这两句meta  <meta name= ...

  4. PC端页面同比例缩放

    <meta name="viewport" content="width=1202"> //这行代码可以使PC端页面同比例缩放,不至于变形

  5. PC端页面转换成手机端页面的分辨率问题的理解

    PC端页面转换成手机端页面的分辨率问题的理解 px vw rem 假如就以a4纸模式为设计图 ,在a3纸模式中设计,然后设计出来展示在不同的a4纸模式上 通常是 750px -> 100vw / ...

  6. pc端页面打包成安卓apk

    一.phoneGap PhoneGap是一个采用HTML,CSS和JavaScript的技术,创建移动跨平台移动应用程序的快速开发平台.它使开发者能够在网页中调用IOS,Android,Palm,Sy ...

  7. PC端页面适应不同的分辨率的方法 （转载）

    原文地址:https://blog.csdn.net/fengzhen8023/article/details/81281117 上周完成一个PC端的项目,对于我这样的小白来说,这个项目里面最大的问题 ...

  8. PC端页面如何调用QQ进行在线聊天？

    pc端如何实现QQ在线咨询? html代码如下: <a href="tencent://message/?uin=1234567&Site=Sambow&Menu=ye ...

  9. 电脑分辨率与pc端页面布局

    在电脑设置中选择:控制面板->外观和个性化->显示 可以设置页面的显示比例,原因是在1920*1080的分辨率下页面的图标就会变得比较小,方便用户看,这个功能就是把页面内容变大(默认是中等 ...

随机推荐

  1. JavaScript类型和语法

    JavaScript类型和语法 一.类型 1.内置类型(null.undefined.boolean.number.string.object.symbol(es6中新增))(除对象之外,其它统称为基 ...

  2. vue mock数据（模拟后台）

    本文转载自:https://blog.csdn.net/benben513624/article/details/78562529 vue实现ajax获取后台数据是通过vue-resource,首先通 ...

  3. python基础之基础数据类型1

    int 整形 数字用于计算和比较 python3没有long,python2有整形和长整型 十进制二进制转换方法 bin(10进制) ==二进制 0b(二进制) int("二进制" ...

  4. Centos7.6安装教程 && history设置显示执行命令的时间

    一.规划磁盘使用空间(磁盘总大小200GB) /dev/sda1 mount /boot 1G mount point /dev/sda2 mount / 100G /dev/sda3 mount / ...

  5. 從nasm assembly看函數參數傳遞

    在淘宝定了<<C++程序设计语言(特别版)>> 后天才能到货.从网上下了<<C++ Primer中文版>>的电子书看看.找找C++的感觉先. 先看看基本 ...

  6. android中的BroadCastReceiver

    BroadCastReceiver组件本质是一种全局的监听器,用于监听系统全局的广播消息.由于BroadCastReceiver是一种全局的监听器,因此他可以非常方便的实现系统之间不同组件之间的通信. ...

  7. 2018-8-10-win10-UWP-button

    title author date CreateTime categories win10 UWP button lindexi 2018-08-10 19:16:53 +0800 2018-2-13 ...

  8. 如何在MySQL中删除表中指定列的唯一键？

    语法结构如下: alter table table_name drop  index column_name;

  9. MySql进行批量插入时的几种sql写法

    insert into:插入数据,如果主键重复,则报错 insert repalce:插入替换数据,如果存在主键或unique数据则替换数据 insert ignore:如果存在数据,则忽略. INS ...

  10. 4、Python 基础类型 -- Tuple 元祖类型

    Python 元组 Python的元组与列表类似,不同之处在于元组的元素不能修改. 元组使用小括号,列表使用方括号. 元组创建很简单,只需要在括号中添加元素,并使用逗号隔开即可. 如下实例: 实例(P ...