问答详情
源自：8-16 屏幕可用高和宽度

求大神指导。。。（虔诚）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>个人主页</title>

<style type="text/css">

*{margin:0px;padding:0px;}

body{ background-image:url(../主页图片/14174919031526.jpg);}

#header{height:50px;background:#999999;position:fixed;top:0px;}

.wrap{width:800px;margin:0 auto;background:#999999;height:1300px;margin-top:60px;}

</style> 



<script type="text/javascript">

    var name=document.getElementById("header"); 

    

    name.style.width=screen.availWidth;    //或者sceen 添加  引号，依旧无反应啊

</script>


</head>


<body>

       <div  id="header">

       

  </div>

 

              <div class="wrap">

      

              </div>

</body>

</html>

这是代码，我设置了header的fixed属性，使脱离了文本流，这样宽度不能自动适应屏幕，我利用JavaScript中screen.availWidth获取屏幕的宽度，再通过style.width赋值给header，为什么不成功呢？？看了半天，不知道哪里出错了额。。

575af76300016a2905000315.jpg

575af76d000177d305000275.jpg


提问者：无敌小哥儿 2016-06-11 01:18

个回答

  • 好人一生平安_mahy
    2016-06-11 06:41:52

    我帮你调试了下

    把 var name=document.getElementById("header");    

        name.style.width=screen.availWidth;    

    换成   document.getElementById("header").style.width=screen.availWidth+"px"

    我也不能解释不出为什么，感觉document.getElementById("header")赋值给name就变成了字符串，没法给字符串添加属性。你先改再等大神来答。

    0