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;
  }
}

在此代码中，当分辨率小于768px时，.elem元素集unset的宽度