调整窗口大小时停止元素移动

时间:2013-07-15 12:18:18

标签: html css responsive-design

我为我的页面构建了一个标题栏。它由元素组成,里面是一些元素,。我可以很好地放置所有东西但是当我调整浏览器窗口大小时,一切都开始移动并在标题中重叠。给标题,甚至身体一个固定的像“宽度:1000px”解决这个问题,但这取决于屏幕尺寸。

如何让我的页面显示任何调整浏览器窗口的大小都会导致滚动条显示以查看隐藏的内容,以及这将不依赖于以像素为单位的硬连线分辨率。

1 个答案:

答案 0 :(得分:6)

给你的主div(通常是你的包裹div)min-width: ...px

像这样:

<div class="wrap">
    <div class="header">...</div>
    <div class="content">...</div>
</div>

.wrap {
     width: 95%;
     min-width: 900px;
}

在上面的示例中,包装div总是至少为900px。 当窗口调整为较小的宽度时,将出现滚动条。

如果屏幕大于900px,则div的宽度为95%。