我一直在尝试通过将边距等设置为百分比来将我的网站转换为更具响应性。我根据页面宽度将 margin-left: 29px;
转换为 margin-left: 1.510416%;
。然而,当我尝试根据页面的 height
执行相同操作时,经检查为 955px
,(设置 margin-top:25px
如 margin-top: 2.617801047
),元素显着向下移动。
网站看到的页面高度是否明显长于显示的高度?当我设置 margin-top: 1%;
时,元素几乎位于正确的位置,但我不明白它基于什么 1% 的折扣以及如何找到确切的高度?
谢谢!
最佳答案
边距百分比很奇怪,因为当设置为百分比时,margin-top
和 margin-bottom
是由浏览器根据宽度 包含元素。
不相信我?我不会责怪你。查看下面的文章或搜索该主题。
关于html - 尽管计算(看似正确),但在 h1 上设置 margin-top 并没有复制 px 值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25571071/