如何實現分左/右在CSS

Question

我在我的CSS元素看起來像下面

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

現在，當我減少瀏覽器窗口的寬度不如預期，該元素向左移動。不過，我希望它停止在某個點，因爲否則它開始重疊其他元素。原則上，這與最小高度和最小寬度屬性非常相似。但是沒有像min-left或min-top這樣的屬性。我怎樣才能實現這一點。

Answer 1

如果你可以估算窗口大小，那裏的運動應該停止，（比方說700px），您可以使用媒體查詢：

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

那麼對於700px窄的窗戶，元素放置固定在left: 10px （使CSS適合你）。