我调整浏览器大小时如何停止调整元素大小

时间:2014-09-06 11:06:24

标签: html css resize

我使用这个网站作为例子。 http://imgur.com/xyswjQH我在这里全屏显示了该网站的截图。然而,当我调整页面http://imgur.com/ZAKtsR9的大小时,您可以看到该页面几乎切断了元素,而不是将它们全部混乱。有没有办法只能在html和css中实现这种切断效果?如果您需要我的代码,请在评论中提问。

1 个答案:

答案 0 :(得分:0)

如果你的目标是创建一个固定的宽度,你可以创建一个包装div并将其宽度设置为800px(仅作为示例),并将其边距设置为0,并根据需要自动将div设置为居中。

如果您想使其响应,您可以将宽度更改为最大宽度。

<html>
<head>
<style>
.wrapper {
    width: 800px;
    margin: 0 auto;
} 
</style>
</head>
<body>
    <div class="wrapper">
        <p>Content here!</p>
    </div>
</body>
</html>

你可能不需要来这个问题哈哈。您需要做的就是在主体或div上设置宽度。

干杯!

相关问题