css - 保持元素的边距

Question

我有一个位置为

的元素

margin-left:241.5px 

对于屏幕尺寸 1440px = 大约是 16.8%。

但是，对于 1920 的屏幕尺寸，它应该是 473px。

我想弄清楚我能做些什么来动态地实现它，这样我就不必针对每个屏幕尺寸进行调整。

我尝试将 margin-left 与 % 一起使用，但它没有用，与 EM 一样。

有没有办法动态定位？

demo很难刺激但是我试过了

<div class="about"> 
    <p>01</p>


</div>
html,*{
    padding:0;
    margin:0;
}
html{
    height: 100%;
}
body{
    height: 100%;
    width: 100%;
}
.about{
    width: 100%;
    height: 100%;
    background: url(http://66.media.tumblr.com/4bb5538edf278f7e83d8275e60550433/tumblr_msefuouXB81s9yt1no1_500.png) no-repeat;
        background-size: 1158.6px 163px;
        background-position: top 172px left 149px;
        position: absolute;
}
.about p{
    margin-top: 78.3px;
        margin-left: 16.8%;
        font-size: 22px;
        position: absolute;
        color: #CECED2
}
.about h6{
    margin-top: 101.3px;
        margin-left: 241.5px;
        font-size: 22px;
        position: absolute;
        color: #151416;
}

Answer 1

看不到您的标记/CSS 会使检测到任何缺陷变得更加困难，并且由于 percent 有效(见下文)，如果您没有得到预期的结果，可能会有一些干扰您的。

作为 percent 的作品(见下文)，您可能希望与边距相关的其他内容，例如背景图像。更新您的问题，我将能够解决并将其添加到我的答案中。

下面示例中的左边距第一个为 120px，第二个为 60px，表明 20% 的值确实有效。

.parent {
  width: 600px;
  margin: 10px 0;
  background: #ccc;
}
.parent + .parent {
  width: 300px;
}
.child {
  width: 200px;
  height: 30px;
  margin-left: 20%;
  background: red;
}

<div class="parent">
  <div class="child"></div>
</div>
<div class="parent">
  <div class="child"></div>
</div>