h5 css3自适应 兼容IE8以上

时间:2022-04-16 14:16:25

<!DOCTYPE html>  <!--HTML5标准声明-->

<html lang="zh-CN"> <!--设置语言为中文-->

head部分:

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />      <!--设置uft-8编码-->
    <meta charset="utf-8" />    <!--设置uft-8编码-->
    <meta name="renderer" content="webkit|ie-comp|ie-stand">    <!--设置浏览器模式-->
    <meta http-equiv="X-UA-Compatible" content="IE =edge,chrome =1" />     <!--设置浏览器为*别-->
    <meta name="viewport" content="initial-scale =1, maximum-scale=3, minimum-scale=1, user-scalable=no">
    <!-- 上述meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->
    <title>标题</title>
    <meta name="keywords" content="关键字" />
    <meta name="description" content="说明" />


    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/normalize.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet">

<link href="css/index.css" rel="stylesheet">

    <!--样式要放到if lt IE 9之前,不然IE不兼容-->

<!--[if lt IE 9]>
      <script src="js/html5shiv.min.js"></script>    
      <script src="js/respond.min.js"></script>    

    <![endif]-->

    <!--以上为让IE8以上支持HTME5和CSS3 -->

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

    <script type="text/javascript" src="js/bootstrap.min.js"></script>

CSS 一些兼容注意

    /***  \9 IE***/
/***  -moz-border-radius Firefox***/
/***  -webkit-border-radius Safari、Chrome***/
/*behavior: url(/js/PIE.htc); 设置IE 圆角 如果不显示,设置祖元素position:relative;z-index: 1;*/

/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='', sizingMethod='scale');background: none \9; 设置IE背景100%缩放*/


其他问题发现再补充。