我希望我的网站在桌面和移动视图中都能正常运行。在桌面上查看时,我希望它的左侧和右侧有相当大的边距。 (下图)。但是,当我缩小到移动视图时。他们需要减少到 10px 左右。我该怎么做?
目前我只有一个
.body {
margin-left: 200px;
margin-right: 200px;
但这不适用于移动视图...
答案 0 :(得分:0)
添加固定数字作为边距仅适用于您当前的分辨率。尝试更改桌面分辨率,您就会明白我在说什么。
不要使用 200px,而是使用 auto
,因为该值将填满剩余的空间。
.body {
margin-left: auto;
margin-right: auto;
这是您可以用来使 HTML 元素居中的方法之一。