0

我有一个在浏览器最大化时运行良好的登录页面。但是当我调整它的大小时，元素开始四处游荡。我做了一些研究，我发现了这个：

#wrapper { /*It will contain all the elements.*/
   margin-left: auto;
   margin-right: auto;
   min-height: 500px;
   min-width: 500px;
}

它可以工作，但由于我设置了最小高度和最小宽度，某些屏幕分辨率会强制浏览器应用滚动条，即使它已最大化。有没有办法仅在用户调整浏览器大小时显示滚动条？

4

3 回答 3

1

为什么不将最小高度设置为 400 像素？

这将允许所有分辨率显示没有滚动条的页面

（最小分辨率：640x460）->640 px宽度和460 px高度。

总体而言，您不能强制浏览器不显示滚动条，同时保持滚动功能（至少在没有某些框架的情况下）

于 2013-04-29T14:37:13.010 回答
0

如果您的内容允许，您可以让事情变得更加灵活，如下所示：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">

<style media="all">
div {background: red; width: 40em; padding: 1em; margin: 0 auto; max-width: 100%;}
</style>

</head>
<body>

<div>
    <p>content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content</p>
</div>

</body>
</html>
于 2013-04-29T14:47:45.000 回答
0

您可以更改溢出设置以隐藏和显示滚动条。更多信息：http: //www.w3schools.com/cssref/pr_pos_overflow.asp无法检测到用户仅使用 HTML/CSS 调整了浏览器的大小。您可以使用 javascript 来实现，但您可能不想使用 javascript 编写页面样式。但是，您可以使用媒体查询在不同的文档宽度上应用不同的 css 规则。更多信息：http: //www.w3.org/TR/css3-mediaqueries/

于 2013-04-29T14:40:04.057 回答