@media 中的 min-width 和 max-width 可以设置为相同的值吗？

问题描述

我有一个 1024px * 1366px 的设备，我应该调整我的 lwc 页面以具有以下填充。

@media (min-width: 1024px) and (max-width: 1024px) {
    padding-left: 160px;
    padding-right: 304px;
}

但是，如果我将 min-width 设置为 1024px，它将应用于 1024px 以上的所有屏幕尺寸，并且不能使用 max-width，因为我有不同的 css。我可以为页面正确设置填充的唯一方法是为 min-width 和 max-width 设置值 1024px。这是正确的做法吗？

解决方法

是的，可以像上面提到的那样使用它。但是你可以像这样使用精确的宽度：

@media screen and (width: 980px) { 
    
}