如何实现在调整浏览器窗口大小时缩放的网页？

文章/答案/技术大牛

发布

1回答

ReactJS:调整柔性盒内画布的大小

javascript、reactjs、styled-components

当浏览器调整大小时，我很难找到一个动态调整大小的画布来填充网页的底部。当增加浏览器窗口大小时，画布将被正确地调整大小，但在减小浏览器窗口大小时将保持相同的大小。如何使画布与浏览器窗口一起缩小？我现在的处境是：

浏览 4提问于2020-03-12得票数 2

回答已采纳

11回答

javascript、html、css、ajax

如何实现在调整浏览器窗口大小时缩放的网页？我可以使用表或CSS浮动部分来布局页面的元素，但是当浏览器窗口调整大小时，我想要重新显示。使用CSS和百分数似乎最有效，这就是我在最初的解决方案中所做的；使用可见性:将隐藏的div设置为100%乘100%，可以在IE中度量窗口的工作

浏览 21提问于2008-09-18得票数 6

回答已采纳

2回答

如何防止网页缩放

html、css

我正在设计一个网页，只占用80%的水平空间。在恢复浏览器时，网页会自动缩小，这使得它看起来非常杂乱。我希望即使在调整浏览器窗口的大小时，网页也不会缩放，而只是变得可滚动。也就是说，它的大小保持不变，并且可以滚动。

浏览 1提问于2012-03-10得票数 1

1回答

CSS:当100%Width元素出现时向右滚动:背景不在右边？

html、css、sticky-footer

我看到很多网站都有这样的问题，我只是最近才沉浸在100%伸展的背景中…… 如果你限制浏览器的宽度并向右滚动，它在视觉上看起来是关闭的:背景不会继续。你怎么能着手解决这个问题呢？编辑:嘿，当我自己想出答案的时候，我就得到了答案...哈哈。

浏览 3提问于2011-03-31得票数 5

回答已采纳

1回答

响应浏览器窗口(CSS)的匹配、缩放和中心图像

html、css、image、responsive-design

我如何有一个形象，无论肖像或景观：在调整浏览器窗口大小时保留高宽比

浏览 7提问于2015-04-08得票数 7

3回答

放大/缩小或调整浏览器窗口大小时，引导弹出窗口显示在错误的位置

twitter-bootstrap、position、popover

当我通过放大或缩小来调整任何浏览器的窗口大小时。弹出窗口没有更新位置并显示在错误的位置。如何在调整浏览器窗口大小/缩放时更改Bootstrap Popover的位置/位置。

浏览 2提问于2012-11-30得票数 2

回答已采纳

1回答

Flexslider 2幻灯片显示水平和垂直视口/浏览器缩放

css、slideshow、scale、viewport、flexslider

我刚刚将Flexslider 2集成到一个极其简单的投资组合网页中。目前的幻灯片放映与浏览器完全水平缩放，但由于页面大小和幻灯片放映定位的图像底部往往会被裁剪。为了解决这个问题，我希望幻灯片也能与窗口垂直<

浏览 0提问于2013-07-10得票数 0

1回答

放大HTML时出现的问题(浏览器窗口)

html、css、window、zooming

我已经创建了一个小的HTML站点，但是浏览器中的缩放完全破坏了它。在全屏和100%缩放时，它看起来很好，但当缩放或调整浏览器窗口的大小时，所有元素都只是在屏幕上随机调整大小和移动。我想要的是缩放，它不移动任何东西，但调整整个页面的大小(如缩放图像)(如何)这是可能的吗？:-)

浏览 1提问于2015-07-13得票数 0

2回答

Div根据窗口宽度和高度自动调整大小

jquery、html、resize、window

我正在做一个项目，我正在尝试创建以下内容：我想有三个或更多的div下面彼此(与内容和背景图像)。当您打开浏览器时，所有这些div都必须自动调整大小以适应浏览器的大小(宽度和高度)。当您调整浏览器窗口的大小时(不刷新)，div必须和它们原来一样大(所以它们不应该随窗口调整大小)。将浏览器屏幕缩小并刷新后，div应调整为新

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

2回答

使用JavaScript根据窗口/视口高度动态调整图像大小

javascript、image、layout、resize、fluid

我正在尝试为摄影师设计一个网站，将调整图像和缩略图的高度，使它们适合用户的窗口大小。这是我第一次尝试流动布局，而不是固定宽度的布局。 (此设计将有两行或三行缩略图，需要根据窗口的高度调整大小) (这个设计将只有一排图像(一个幻灯片)，再次

浏览 1提问于2012-09-14得票数 0

1回答

刷新页面时，Chrome和Safari中的Transform scale()不一致

javascript、jquery、css、css-transforms、webkit-transform

我写了下面的代码来根据浏览器的大小缩放所有内容，这样所有内容都是可见的(放大或缩小版本)。winHeight);代码在Firefox中运行得非常好，但在Chrome和Safari中有一些不一致之处(我假设通常是基于Webkit的浏览器例如，如果我在浏览器窗口最大化的情况下加载我的页面，它在调整大小时可以很好地

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

回答已采纳

1回答

流体动态图像在div中居中-立即使用div调整大小

css、image、resize、centering、fluid-layout

所以，我有一个完全流畅的网页。有一个宽度为100%的父DIV，在图像内部有样式： <img src="image.png" alt="" /> div{ width:100%我不知道图像的大小，但它总是比父DIV小，所以从img边框到div边框都是空白的。现在，当您调整浏览器的

浏览 4提问于2012-07-02得票数 1

回答已采纳

1回答

将HTML画布缩放到浏览器窗口大小，但不缩放画布中的元素

html、canvas、html5-canvas

有没有一种方法可以将HTML画布缩放到浏览器窗口的宽度/高度，而不缩放其中的内容？假设我正在创建小行星，想要使用整个浏览器窗口，但不想在调整窗口大小时放大/缩小岩石和船。

浏览 1提问于2011-12-31得票数 11

回答已采纳

1回答

使用Cover值时，背景大小不能缩放

html、css

Welcome</h1> </body> 我不知道出了什么问题，但似乎当我将background-size值更改为cover时，背景不会根据我的浏览器大小进行缩放，但当我将该值设置为100% 100%时，它就会像我预期的那样缩放。那么，如何保持cover的值，并让jumbotron类进行正确的缩放

浏览 0提问于2016-05-02得票数 0

2回答

调整IE7窗口大小时元素消失

internet-explorer-7、elements、css-position

我正在编码这个网页。你知道怎么修复它吗？顺便说一句，我已经尝试了像HasLayout :1，clear:both等的缩放技巧，但似乎什么都不起作用。

浏览 0提问于2010-01-12得票数 0

回答已采纳

1回答

在浏览器窗口调整大小后找出新的图像宽度高度

html、image

问题是，当浏览器窗口调整大小时，图像大小也会发生变化，因此标记的位置与以前不同。所以，在浏览器窗口大小改变后，我想找出图像的新位置和尺寸。我想找出图像的新维度，但到目前为止还没有什么效果。我使用了clientWidth、offsetWidth、naturalWidth，在调整窗口大小之前和之后都显示了相同的宽度。(实际上，我也有一个缩放属性，即使在使用缩放

浏览 0提问于2018-04-16得票数 0

回答已采纳

2回答

如何使网页跟随浏览器窗口的大小，并且在调整大小时，布局不会失真？

javascript、html、css、jsp

我目前正在处理一个网页，我已经通过在我的css的宽度和高度属性中使用百分比(%)值来实现在整个浏览器窗口中适合它。现在的问题是，当我调整窗口大小时，一切都变得混乱和扭曲(例如标签、链接等)。有没有一种方法可以使高度和宽度达到最小，以便在调整窗口大小时，可以限制这些属性，以防止布局被扭曲？感谢就是进步！

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

回答已采纳

1回答

如何设计一个适合所有屏幕分辨率的网站

html、css

我想做一个网站，它可以缩放到窗口大小/分辨率。我用什么来解决我的问题？谢谢

浏览 2提问于2014-12-26得票数 0

回答已采纳

1回答

jQuery移动用户界面和网址框架屏幕在移动设备上呈现得太小

jquery-ui、url、mobile、jquery-mobile

我正在使用网址框架来显示我的网页应用程序，而不是讨厌的EC2网址。然而，当我尝试在使用URL框架的移动设备上查看屏幕时，窗口非常大，比手机大得多。我假设当我调整窗口大小时，它得到的是一个边框的大小，而不是我在手机上的实际浏览器窗口。我如何仍然使用URL框架，并将窗口大小设置为手机的宽

浏览 1提问于2012-08-30得票数 0

回答已采纳

3回答

如何在CSS中将图像缩放设置为100%宽度？

css、image

如何启用缩放图像，即使它们被设置为100%宽度的CSS？在中性缩放级别上，图像是100%宽的，但是当用户缩放页面时，图像也会被放大:图像被调整到窗口的100%大小，即使用户调整浏览器大小(如果是正常缩放)。是否有CSS

浏览 4提问于2013-04-03得票数 5

点击加载更多

ReactJS:调整柔性盒内画布的大小