需要设置宽度为整个浏览器宽度的div,当然我们可以使用相对布局的方式做到这一点,下面是具体实现,大家可以参考下
有时候我们需要设置宽度为整个浏览器宽度的div,当然我们可以使用相对布局的方式做到这一点,不过我们也可以用jquery来实现。
 
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jquery test</title>
<script src="jquery-1.11.1.min.js"></script>
<style type="text/css">
.show
{
width: 500px;
height: 50px;
background-color: red;
}
</style>
</head>

<body>
<div class="show"></div>
<script>
var browser_width = $(document.body).width();
$("div.show").css("width",browser_width);
$(window).resize(function() {
browser_width = $(document.body).width();
$("div.show").css("width",browser_width);
});
</script>
</html>

我们使用$(document.body).width()获取浏览器内容的宽度,在加载页面的时候我们初始化该div的宽度为浏览器页面的宽度,然后每当浏览器大小调整的时候,都会触发resize函数,此时我们再次对该div的宽度进行调整。
最新资讯
华为张平安:美国禁令进一步坚定华为构建HMS的决心

华为张平安:美国禁令进

张平安表示,美国的禁令进一步坚定华为构建HMS的决心。
特斯拉将推新型电池:能量密度提升5倍,续航里程提高16%

特斯拉将推新型电池:能

特斯拉在会上发布了一款全新的“4680”型电池,这种46毫
华为回应“在澳裁员”:澳市场很小 从来都不是华为特别聚焦的

华为回应“在澳裁员”

华为公司常务董事、产品投资评审委员会主任汪涛在回答
华为张平安:HMS生态是开放的 可探讨与其它手机厂商合作可能

华为张平安:HMS生态是

对于芯片禁令是否会影响华为HMS生态建设的进度,华为消
Libra联合创始人摩根·贝勒离职 将继续担任产品顾问

Libra联合创始人摩根

27岁的摩根·贝勒(Morgan Beller)将离开Facebook,不再担
裁判也是高危职业?这些“大杀器”体育运动的误伤非同小可

裁判也是高危职业?这些

本月初,在网球大满贯美国公开赛上,名将德约科维奇因为用
最新文章
详解Vue的ref特性的使用

详解Vue的ref特性的使

这篇文章主要介绍了详解Vue的ref特性的使用,文中通过
vue学习笔记之slot插槽基本用法实例分析

vue学习笔记之slot插

这篇文章主要介绍了vue学习笔记之slot插槽基本用法,结
vue跳转方式(打开新页面)及传参操作示例

vue跳转方式(打开新页

这篇文章主要介绍了vue跳转方式(打开新页面)及传参操作,
vue学习笔记之过滤器的基本使用方法实例分析

vue学习笔记之过滤器

这篇文章主要介绍了vue学习笔记之过滤器的基本使用方
js获取本日、本周、本月的时间代码

js获取本日、本周、本

本篇文章给大家分享的内容是利用js如何获取本日、本周
node crawler如何添加promise支持

node crawler如何添加

这篇文章主要介绍了node crawler如何添加promise支持,