Question

我的css中有一个元素，如下所示

.xyz{
    position:absolute;
    left:50%;
    }

现在正如预期的那样，当我减小浏览器窗口的宽度时，此元素向左移动。但是我希望它在某一点停止，否则它会开始重叠其他元素。原则上，这与min-height和min-width属性非常相似。但是没有像min-left或min-top这样的属性。我该如何实现呢。

Answer 1

如果您可以估算窗口大小，移动应停止的位置（让我们说700px），您可以使用媒体查询：

@media (max-width: 700px) {
  .xyz {
    left: 10px;
  }
}

然后，对于比700px窄的窗口，该元素将固定在left: 10px（适合您的CSS）。