使用javascript在浏览器调整大小时更改背景css

文章/答案/技术大牛

发布

6回答

如何在不重复使用纯css的情况下使背景图像适合整个页面？

css、background-image

我的要求是:如果我调整页面大小，那么背景图像也应该调整大小并适合页面。另外，我不想在Html页面/JSP中保留与图像相关的信息。我想用普通的CSS来做这件事。我没有使用CSS3。

浏览 4提问于2010-11-03得票数 19

回答已采纳

5回答

用javascript更改类

javascript、html、css

我有一个网站使用身体背景图像。当浏览器调整大小时，我想要更改body类。JavaScript: var SCR = screen.availWidth }HTML: <body id="BODY" class="BDNL"

浏览 3提问于2012-07-11得票数 0

2回答

调整div背景的大小

javascript、jquery、html、css、frontend

但停止追逐-我做我的第一个网站，我有一个问题的div背景。当我像这个或这样调整浏览器窗口的大小时，我想改变div的背景分辨率--正如您可以看到的那样，当您调整窗口的大小时，背景正在完全改变分辨率。在我的CSS文件中height: 100%; background-

浏览 2提问于2015-04-06得票数 0

回答已采纳

4回答

javascript、html、css、background-image、background-size

因此，当浏览器高度等于浏览器宽度的2/3时，我希望背景大小发生变化。这是我试过的代码，但我不能让它工作。document.getElementById("body").style.background-size = "auto 100%"; }</body> css

浏览 25提问于2016-09-15得票数 0

回答已采纳

2回答

CSS:调整背景图像的大小，而不是裁剪

javascript、jquery、html、css

我使用javascript在浏览器调整大小时调整div的大小，并在页面加载时对其进行初始设置。(是的，我知道它需要优雅地降级。)我不能通过CSS做到这一点的原因是因为在屏幕顶部有一个固定高度的导航栏，需要考虑到这一点。我想调整div (及其渐变背景)的大小以适应浏览器窗口，但当我更改CSS height属性时，它只是剪切图像而不是调整</

浏览 3提问于2013-04-22得票数 0

2回答

调整图像大小以适应较小的浏览器

javascript、image、browser、resize、resolution

几个星期以来，我一直在这里搜索问题，但没有找到答案，下面是：但是，我真正想要的是，当图像保持在当前大小时，图像只能调整的大小，这样会在用户的<

浏览 4提问于2013-05-17得票数 0

回答已采纳

4回答

媒体查询和背景图像

css、media-queries

我有一个div使用以下css： background: url('images/white-zigzag.png') repeat-x600px) { background: url('images/white-zigzag-mobile.png') repeat-x;} 我注意到当我调整浏览器<

浏览 2提问于2012-03-01得票数 17

回答已采纳

3回答

WordPress TwentyFourteen响应主题调整不正确

javascript、css、wordpress、responsive-design

我正在使用对2014年主题稍作修改的版本。它曾经完美地工作在桌面和移动手机上--它的设计是以正确的方式响应的。站点网址是真正奇怪的是，它似乎在CSS加载之后加载了这个更改，这让我认为可能是JavaScript中的某些东西导致了如此大的调

浏览 2提问于2014-07-04得票数 0

回答已采纳

1回答

如何在div之外对齐背景图像？

css

我知道如何对齐我的背景图像以及我的#wrapper div标签，但我无法让它们以我想要的方式排列。示例如下：调整窗口大小时，蓝色流道将锁定在主div标记上。如果我在整个#包装器周围添加一个大的#容器，当我调整浏览器的大小时，我在屏幕的左侧有一个很大的空间，因为#容器的总宽度仍然试图居中。我尝试过使用css属性overflow，但似乎也不能正常工作。

浏览 0提问于2013-06-22得票数 0

2回答

浏览器调整大小后，可变宽度不会更改

javascript、jquery、html、fluid

我有两个li，通过使用javascript，它们的宽度与某个li的宽度相同。li是流畅的css，因此它会根据浏览器的宽度而变化。当我加载页面时，li变得与另一个li的宽度相同。当我调整浏览器的大小时，li的宽度在我重新加载页面之前是不会改变的。如何让我的li在浏览器调整大小时自动调整大小，而不是在加载页面时更改大小？var wi

浏览 1提问于2013-04-29得票数 2

回答已采纳

5回答

Fluid布局和css精灵

css、css-sprites、responsive-design、fluid-layout

我使用css精灵在固定宽度的设计上显示背景。我正在改变流畅的布局，但由于背景位置的原因，当浏览器调整大小时，背景图像会变得不稳定。有没有可能使用带有流体网格背景的css精灵，它可以根据布局调整大小？我需要与ie 7和8与其他最新浏览器的布局兼容

浏览 0提问于2012-02-06得票数 5

3回答

使用CSS查看图像的中心

javascript、html、css、image

我在一个网站上有一张图片，它的宽度通常比屏幕大。我想要做的是移动这个图像，这样即使你在调整浏览器的大小，你也总是看着中心。使用图像作为CSS背景不会有帮助，因为我想动态更改图像。感谢您的阅读！

浏览 0提问于2011-07-22得票数 0

2回答

高度等宽响应于调整大小的javascript

javascript、jquery、html、css

在这个剧本里，我想把我的身高和我的宽度一样大。如果您收缩浏览器，然后刷新浏览器，则此操作有效。但是现在我想让他在我不需要刷新的情况下调整浏览器的大小时这样做。曾经试图调整窗口的大小，但它没有起作用，也许我用错了。<script type="text/javascript"> $(&

浏览 0提问于2015-06-02得票数 1

回答已采纳

2回答

jQuery反向拉伸未调整大小

jquery、jquery-backstretch

在那之后，我有一个事件方法，它用backstretch来改变背景图像。一旦事件运行，backstretch将不再调整任何其他元素的大小，除了已经更新的元素。backstretch是否有用于调整窗口大小的单个事件实例？如果是这样，我能做些什么来解决这个问题吗？谢谢!

浏览 7提问于2014-02-06得票数 0

1回答

将背景图像缩放到浏览器的大小

jquery、css、browser、resize

嗨，我正在尝试实现这个网站用他们的大黑白图片做什么：谢谢你的帮助！

浏览 0提问于2012-07-28得票数 0

回答已采纳

3回答

调整浏览器大小时将变小的CSS图像

css、fluid-layout

我已经在网页上使用了背景图像，并在css中使用了这段代码，当浏览器调整大小时，它可以很好地调整大小。background: url("images/back.jpg") no-repeat ;} 我需要在一个特定的地方(桌子上的花瓶)的背景图像上放置一些其他图像.but当我这样做时，背景会被调整大小，但当<em

浏览 1提问于2012-11-05得票数 0

1回答

具有缩放功能的css3精灵工作表

css、scaling、css-sprites

我在一个纹理打包器的帮助下生成了一个CSS Spritesheet，它看起来像然后，我将类pirateSlotSprite和backgroundps应用于一个div (sav bgDiv)，以显示精灵工作表中的背景帧当浏览器调整大小时，bgDiv会调整大

浏览 1提问于2012-06-29得票数 1

回答已采纳

1回答

如何在调整浏览器大小时迫使“容器流体”达到最大高度或最大伸长。

css、twitter-bootstrap

有了引导，有一个CSS风格的container-fluid，我们在我们的应用程序中使用。问题是，当应用程序加载时，我可以看到应用此CSS样式的div得到了以下内容： height: 322px;但是，我尝试使用Javascript在应用程序加载时设置container-fluid的CSS高度，这个高度就是浏览器的初始高度。所以问题是，当我调整浏览器的大<e

浏览 2提问于2014-06-10得票数 0

回答已采纳

1回答

jQuery窗口宽度未按预期工作

jquery

我正在制作一个响应网站，如果浏览器的屏幕宽度小于x‘px，它将实现Javascript功能。<!jquery.min.js"></script>$(function() { $("#foo&q

浏览 8提问于2014-03-07得票数 1

回答已采纳

1回答

Bootstrap图像在背景顶部定位

javascript、jquery、html、css

编辑:我在这里添加了一个示例小提琴： -当浏览器调整大小时，两个黑色的引脚应该留在中间的两个房子上面。background-size: cover; */ font-family: 'Open Sans', 'Nunito', sans-serif;当我调整浏览器窗口的大小时，背景图像被“剪切”，导致没有滚动，这就是我试图获得的效果。我也有一些大头针的一些建筑物，我想他们

浏览 1提问于2014-07-03得票数 2

点击加载更多

如何在不重复使用纯css的情况下使背景图像适合整个页面？

用javascript更改类

调整div背景的大小