调整浏览器大小时堆叠Div

文章/答案/技术大牛

发布

1回答

html、css

我是html/css的新手，遇到了一个问题，当我缩小浏览器时，div会重叠，而当我扩展时，两个div之间的差距会变大。我想知道如何才能在两者之间有大约20px的固定边距。这两个都在父div中小提琴https://jsfiddle.net/cro7mjsh/2/ <div class="main-outer">&

浏览 13提问于2019-01-31得票数 0

1回答

Bootstrap站点在浏览器中看起来很好，但div在移动设备中不能正确呈现

html、css、twitter-bootstrap、mobile、twitter-bootstrap-3

这个网站在普通浏览器中看起来很棒，但是当我在移动设备上调整它的大小时，div错位，堆叠在一起，里面的内容消失了，或者div变平到你看不到图像的地方。我如何防止这种奇怪的div在大/中屏幕上的大小调整，而在小屏幕上按比例堆叠？下面是我的一行代码： <div class

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

3回答

如何在不刷新浏览器的情况下获得更改？

javascript

当我调整浏览器和刷新页面的大小时，如果div宽度大于浏览器宽度，则不显示div。如何使它而不刷新页面。例如，当我调整浏览器的大小时，如果div宽度均衡器比浏览器宽度大，它将自动地不刷新显示的页面。var div = document.querySelect

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

回答已采纳

2回答

当浏览器调整大小时，避免div堆叠

html、css、mobile、responsive-design

因此，我有一个网站，当它调整大小，div开始堆栈。我一直不知道为什么，因为我正在使用最小宽度的集装箱。以下是div的布局方式：</div> </div> </div</e

浏览 1提问于2015-04-15得票数 0

回答已采纳

2回答

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

jquery、html、resize、window

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

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

2回答

我们有2000 to宽580 to的高度图像，目前这适合屏幕，即当我们调整浏览器的大小时，中间的箭头是居中的--图像似乎松了它的中心位置，我已经看到这样做了，您有一个以大图像为中心的图像，当浏览器重新调整大小时<div style="height:580px; margin-left:-10%; position:relative; max-width: 2000px; background-image:url("/

浏览 4提问于2015-02-10得票数 0

回答已采纳

2回答

如何禁用砖石结构的“响应性”部分？

jquery、jquery-masonry

我在我的内容div上有一个固定的宽度(填充了不同大小的图片)，我不想让图片根据浏览器重新调整大小或重新组织。如何禁用石工的响应性部分？我使用masonry是因为它在div中完美地调整了图像的大小，但我只需要删除它的响应性部分。我已经删除了css中的所有"max-width“代码(它负责调整图像的大小)，但主要问题是当我将浏览器的大小调整为较小时，图像开始堆叠在一起。我不知道这是因为jquery文件还是在我的

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

1回答

在响应模式下减少引导程序中col lg之间的空间

html、css、bootstrap-4

下面是我的html<div class="container"> <div class="col-lg-6">A</div> </div</em

浏览 1提问于2020-06-14得票数 0

3回答

使用``img fluid`时，Bootstrap的`col.col-md-4`类不起作用

bootstrap-4、responsive

当我调整窗口大小时，我想让div堆叠起来--因此我使用了col .col-md-4。在我带有used标记的列中，我有一个图像，当我调整窗口大小时，我的屏幕堆叠在一起。但是，当我在标记中添加img-fluid类时，窗口大小调整时的col .col-md-4 div堆栈停止工作。不使用img-fluid类的Div堆叠：我尝试删除img-fluid类，并为图像添加了宽度: 100%，这也会停止d

浏览 35提问于2019-04-24得票数 0

回答已采纳

1回答

Bootstrap 4-使用Flexbox和响应列

responsive-design、bootstrap-4

首先，当浏览器被最大化时：第二次是在我调整了浏览器的大小之后：为此，我实现了以下代码： <divclass="mr-auto p-2">Flex item 1</div> <div class="p-2">Flex item 2<&#x

浏览 1提问于2017-04-22得票数 6

回答已采纳

1回答

无法瞄准最大宽度360 on

css、media-queries

html部分 <img id="logo-header" src="assets/img/logo2.png" alt="logo" />媒体css /*Logo*/ bac

浏览 4提问于2013-12-03得票数 0

1回答

引导3- Divs被堆叠在移动电话或浏览器调整大小-没有水平滚动条

html、css、twitter-bootstrap、twitter-bootstrap-3

我所有的Div都是用Div.row写的，它们应该是水平的，除了另一个(我认为使用的float:left)正在堆叠。它破坏了我网站的整个结构。当我在移动电话中打开我的站点时，它们都会在浏览器调整大小或打开我的站点时(垂直地)堆叠在一起。我注意到，在调整大小或移动电话时，Bootstrap根据屏幕大小调整文本大小，这很好，我对此非常满意，但我想要的是

浏览 1提问于2014-02-16得票数 0

32回答

CSS响应字体大小

css、responsive-design、zurb-foundation、font-size

每个页面都有一个大的h1。 font-size: 100% font-size: 6.2em;} <div class="twelve columns text-center"> </

浏览 7提问于2013-03-26得票数 421

回答已采纳

1回答

修复了响应式设计HTML/CSS中的背景

html、css

我正在将静态页面转换为响应式页面，该页面具有固定的背景图像。我能想到的处理这个问题的唯一方法是重新制作图像，这样它就可以随着屏幕的增减而缩放。有什么想法或想法吗？body{font-family: Arial, Helvetica, sans-serif; color:#f1f1f1; }

浏览 4提问于2014-02-12得票数 0

1回答

通过品牌推广停止Bootstrap Navbar汉堡堆叠

html、css

当浏览器调整汉堡包堆叠的大小时，然后(仍在堆叠中)徽标通过“max-width:100%”调整大小。由于某些原因，我不知道如何禁用堆叠和强制徽标调整大小更早。以下是已删除尝试修复的普通代码。 <div class="contai

浏览 1提问于2016-06-27得票数 0

1回答

Dojo StackContainer子项不会在浏览器最大化/还原时调整大小

dojo、resize、stack、border、containers

当我使用最大化/恢复来调整浏览器窗口的大小时，StackContainer会正确地调整到其父BorderContainer的中心区域。这是可行的，并且StackContainer会在浏览器最大化时正确调整大小。堆栈容器的直接子容器是BorderContainers，并且正是这些BorderContainers在调整stackcontainer的大小时不会调整大小。> </div>

浏览 1提问于2010-05-25得票数 1

回答已采纳

1回答

CSS定位:容器始终位于浏览器底部60 but，但可滚动。

css、positioning

我试图在浏览器底部的上方放置一个60像素的大容器div，以便为视频流和静止图像腾出空间，非常类似于这里的解决方案。与普通的粘性/固定类型页脚不同的是，在访问页面和随后的浏览器调整大小时，容器被放在自己的位置上--但是对于想要浏览站点内容的用户来说，可以滚动起来。查看示例站点，我可以看到CSS属性"top“在调整浏览器大小时发生了变化，但我无法找到实现此功能的机制。非常感谢您提前！

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

回答已采纳

1回答

奇怪的chrome media查询行为

html、css、google-chrome、media-queries

以下是初始的移动布局调整大小时的预期布局错误的结果包含编辑/删除按钮的div以行内块的形式显示，并向右浮动，但不会沿着“标签”堆叠。div.link-div div.edit-delete { float: right; background-color: #3498db我的中断点是在移动旋转之间，所以浏览器会调整大小。这适用于FF

浏览 0提问于2015-02-13得票数 3

4回答

另一个Div内部的div不正确地接受父div宽度。

html、layout、css

我有一个包含另外两个div的div。容器被设置为显示: box/-webkit-box/etc，以水平堆叠包含的div。第一个包含的div是一些固定的内容，第二个包含一些其他的小块div。下面是一个示例：我的问题是第二个包含的div占用父服务器的宽度，所以它总是延伸到浏览器之外我想把这两个<e

浏览 6提问于2012-04-11得票数 3

回答已采纳

1回答

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

css

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

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

点击加载更多