CSS 媒体查询，忽略移动设备上的属性

Question

我有一个CSS类，它包含width属性，其值设置为：

calc(100% - 17px)

现在我想完全忽略具有特定分辨率的设备的属性，我尝试应用媒体查询并使用initial、inherit和unset作为width属性的值。它确实在一定程度上解决了我的问题，但看起来仍然不是很好。

当我取消选中Chrome样式选项卡中的属性时，一切看起来都很棒，那么在Chrome样式选项卡中取消选中属性的CSS替代方案是什么？

Answer 1

Instaed 取消它在某些分辨率中仅在您想要时才设置它

例如，您希望它来自 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