请教:像这样缩到30%仍然整整齐齐的布局页面是怎么做的,需要注意什么吗

bitter_lime
  • 187

请教:像这样缩到30%仍然整整齐齐的布局是怎么做的,需要注意什么吗,或者给个链接可以学习一下
图片描述

图片描述

回复
阅读 1.8k
2 个回答
✓ 已被采纳

主体内容的div宽用百分数来设,然后margin:auto;就可以缩放也保持布局不变。如果在细微一点的话把字体单位用em,应该不会有人无聊到缩小30%在浏览网页吧,
但是缩放太小的话肯定影响浏览效果的,如果有必要可以做成响应式的。

你将内容设定一个宽度,然后使用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>

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏