resize的问题

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title></title>
    <style>
        *{
            padding: 0;
            margin: 0;
        }
        #box{
            background-color: red;
            height: 100px;
        }
    </style>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>

<body>
<div id="box"></div>
<script type="text/javascript">

    $(window).resize(function () {
        var box = $("#box");
        box.css({"width": ""+ $(document).width() +"px"});
    })

</script>
</body>


</html>

屏幕由小变大div的宽度随之变大，为什么由大到小div宽度不变？怎么让div由大到小时随页面大小变小？

啊啊啊啊123

浏览 1446回答 1

1回答

GoWithMe

你这个 document 是文档的宽度，你要改成document.body(可视区域)

1 0

随时随地看视频慕课网APP