html - 如果显示器屏幕太大，请管理网页的顶部标题

Question

我在浏览器的顶部有标题。它的CSS是:.top 部分 {

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。