Question

我想为我的网站添加100％的宽度。问题是，如果我这样做，内容的设计和大小会随着浏览器大小的变化而变化。我想在网页常量中制作内容，尽管我在％

中给出了框的大小

Answer 1

创建一个具有固定宽度的包装器div，然后其中任何元素的宽度将相对于该宽度。

例如

#wrapper {
width: 800px;
}
div {
width 80%; /*div will be 80% of 800px ie 640px*/
}

Answer 2

尝试使用％宽度修复min-width，这将调整大小，但如果浏览器变薄，则不会让元素被粉碎。

<html>
<head>
<style type="text/css">
    body,html{ margin:0; padding:0; width:100%; min-width:800px;}
    #container{
      margin:0 auto;
    }
    #header, #content, #footer{
      min-width:700px;
      margin:0 auto;
    }
div{
    min-height:40px;
    margin:10px;
    background-color:red;
}
?
</style>
</head>
<body>
<div id="container">
        container
       <div id="header">header</div>
       <div id="content">content</div>
       <div id="footer">footer</div>
    </div>
</body>
</html>

Answer 3

根据我的理解你的问题，你可以将内容放在固定宽度的div中，并将它们放在可变宽度div（％）中，并将它们放在margin或padding

中

Answer 4

您还可以指定您认为不应调整大小的组件的最大宽度/高度。

没有的css 100％宽度不依赖于浏览器大小

4 个答案: