Question

我在浏览器的顶部有标题。它的Css是： .top section {

position: absolute;
height: 83px;
background: #fcfcfc;
border-bottom: 1px solid #ededed;
width: 100%;
min-width: 1000px;
border-radius: 10px 10px 10px 10px;

}

我通常使用100％宽度。它适合笔记本电脑和小型显示器。但如果显示器屏幕太大，如21英寸，它看起来不会很好。所以我想，顶部标题不应该大于某个最大宽度。我可以使用'maz-width：px'css属性，但问题是，它在左侧和右侧不会有对称的边距。这看起来很糟糕。那么我该如何定义最大尺寸，但是有适当的边距，以便在屏幕尺寸很大的情况下页面看起来很好。

任何人都可以帮助我吗？

Answer 1

如果您希望它在中心对称，请对text-align:center使用body，在顶部使用margin:auto，然后停用position:absolute。现在您可以设置max-width。咨询this site。中间的框内容有一个min-width集（但不是max-width），但即使缩放和浏览器窗口调整大小，它也会在中心保持对称。检查用于该框的CSS，并使用类似的css作为标题。

Answer 2

使用媒体查询，根据宽度设置行为：http://webdesignerwall.com/tutorials/css3-media-queries

Answer 3

如何使用Less framework或其继承人FramelessGrid之类的内容？

如果监视器屏幕太大，则管理网页的顶部标题

3 个答案: