首页 » JavaScript » 判断浏览器,各浏览器页面高度自适应(平铺),各浏览器

判断浏览器,各浏览器页面高度自适应(平铺),各浏览器

原文 http://blog.csdn.net/lyn1772671980/article/details/78520772

2017-11-14 02:00:06阅读(491)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src = "jquery-1.11.0.min.js"></script>
</head>
<style>
    body,html{
        padding:0px;
        margin:0px;
    }
    .containner{
        width: 100%;
        background-color: green;
    }
</style>
<body>
    <div class = "containner"></div>
</body>
<script type="text/javascript">
    var screenHeight = window.screen.height;
    var availHeight = window.screen.availHeight;
    var heightnum = heightNum();
   $(".containner").css("height",heightnum);
   function myBrowser(){
    var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
    if (userAgent.indexOf("Firefox") > -1) {
        return "FF";
    } //判断是否Firefox浏览器
    if (userAgent.indexOf("Chrome") > -1){
      return "Chrome";
     }
    if(!!window.ActiveXObject || "ActiveXObject" in window){
        return "IE"; 
    }//判断是否IE浏览器




}
function heightNum(){
    var height;
    var mb = myBrowser();
    if ("IE" == mb) {
        height = availHeight-78
    }
    if ("FF" == mb) {
        height = availHeight-93
    }
    if ("Chrome" == mb) {
        height = availHeight-66
    }
    return (height+"px")
}




</script>
</html>

最新发布

CentOS专题

关于本站

5ibc.net旗下博客站精品博文小部分原创、大部分从互联网收集整理。尊重作者版权、传播精品博文,让更多编程爱好者知晓!

小提示

按 Ctrl+D 键,
把本文加入收藏夹