请教：像这样缩到30%仍然整整齐齐的布局是怎么做的，需要注意什么吗，或者给个链接可以学习一下
请教：像这样缩到30%仍然整整齐齐的布局页面是怎么做的，需要注意什么吗
- 187
阅读 1.7k
你将内容设定一个宽度，然后使用margin：0 auto;就会像你说的那样不管放大缩小多少它仍然居中。
你可以将一下代码复制过去试试 效果是可以的
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
*{
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<div style="margin:0 auto;width: 1024px;background-color: red;height: 10000px;"></div>
</body></html>
宣传栏
主体内容的div宽用百分数来设，然后margin:auto；就可以缩放也保持布局不变。如果在细微一点的话把字体单位用em，应该不会有人无聊到缩小30％在浏览网页吧，
但是缩放太小的话肯定影响浏览效果的，如果有必要可以做成响应式的。