當(dāng)元素達(dá)到整個屏幕寬度時，我需要刪除一個css樣式屬性。例如，當(dāng)元素達(dá)到屏幕的全寬時，樣式的邊框半徑應(yīng)該設(shè)置為0或移除。用javascript很容易做到這一點，但是希望有一個純css解決方案。

body {
  margin: 0;
  padding: 0;
}
.container {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100px;
  width: 100%;
  max-width: 500px;
  background: #aaa;
  color: white;
  border-top-right-radius: 20px;
  box-sizing: border-box;
  padding: 20px;
}

<div class="container">Test</div>

由于您的元素是位置:絕對，您可以使用100vw并執(zhí)行箝位測試。

我有一篇關(guān)于這種技術(shù)(以及更多)的詳細(xì)文章:https://CSS-tricks . com/responsive-layouts-less-media-queries/

body {
  margin: 0;
  padding: 0;
}
.container {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100px;
  width: 100%;
  max-width: 500px;
  background: #aaa;
  color: white;
  /* 0px if 500px > 100vw. 20px if 500px < 100vw */
  border-top-right-radius:clamp(0px,(100vw - 500px)*999,20px);
  box-sizing: border-box;
  padding: 20px;
}

<div class="container">Test</div>