我想要一个以内容为中心的网页，并指定最小宽度，这样它可以在智能手机的小屏幕上调整大小，但在个人电脑上看起来仍然不错。
如果我将div的宽度设置为1024px，并且页边距为auto，那么当浏览器窗口被拉伸到比这更宽时，div将保持居中。
但很明显，如果用户在小屏幕上浏览网站，他们需要侧滚。
所以我试着将width改为“minwidth:480px”，div不会在一个大的浏览器窗口中居中。
我已经做了很多谷歌和博客/论坛的帖子，这个主题声称，你所要做的就是设置最小宽度和自动边距。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Test</title>
<style type="text/css">
*
{
padding:0;
margin:0;
}
#content
{
margin: 0px auto;
min-width: 480px;
background:#BBB;
height:800px;
}
</style>
</head>
<body>
<div id="content">
<span>content</span>
</div>
</body>
</html>
在这个阶段我只测试铬合金。
最佳答案
最小宽度将启动，因为div被告知小于最小宽度值。如果将div的宽度设置为width: 1024px;，则它将始终为1024px。但是，如果将其设置为一个百分比值（即100%、93.75%等），它将缩小，并且最小宽度值将启动一次100% < min-width。因此，将div的宽度设置为一个百分比值，这样就可以很好地进行了。
另外，我也不太喜欢将所有内容打包到一个单独的、包含所有内容的div中。也许我只是有点挑剔，但IMHO，这就是<body></body>元素的作用。您可以将margin: 0 auto;添加到Body元素中，这将使所有内容相对于浏览器居中。然后具体元素的边距由你决定。总之，值得深思。