CSS媒體查詢，忽略移動設備上的屬性

Question

我有一個CSS類，它持有width屬性，值設置為：

calc(100% - 17px)

現在，我想完全忽略具有特定分辨率的設備的此屬性，我嘗試應用媒體查詢並使用initial ， inherit和unset作為width屬性的值。 它確實在某種程度上解決了我的問題，但是看起來仍然不太好。

當我取消選中“ Chrome樣式”標簽中的屬性時，一切看起來都很好，那么，代替“取消選中Chrome樣式”標簽中的屬性的CSS替代方法是什么？

Answer 1

只需在需要時將其取消即可以某種分辨率進行設置

例如，您希望它從800px開始並且不被使用：

意味着您必須使用min-width

@media screen and (min-width: 800px) {
  .className{
    width:calc(100% - 17px);
  }
}

Answer 2

您可以使用以下代碼忽略它：

@media (max-width: 768px) {
  .elem{
    width: unset;
  }
}

在此代碼，的寬度.elem元件設置unset當分辨率是小於768px