min-width 和 max-width 可以在@media 中设置为相同的值吗?
Can min-width and max-width be set to same value in @media?
我有一个 1024px * 1366px 的设备,我应该调整我的 lwc 页面以具有以下填充。
@media (min-width: 1024px) and (max-width: 1024px) {
padding-left: 160px;
padding-right: 304px;
}
但是,如果我将 min-width 设置为 1024px,它将应用于 1024px 以上的所有屏幕尺寸并且不能使用 max-width,因为我有不同的 css。我可以为页面正确设置填充的唯一方法是将最小宽度和最大宽度的值设置为 1024px。这是正确的做法吗?
是的,可以像你上面提到的那样使用它。但是你可以像这样使用精确的宽度:
@media screen and (width: 980px) {
}
我有一个 1024px * 1366px 的设备,我应该调整我的 lwc 页面以具有以下填充。
@media (min-width: 1024px) and (max-width: 1024px) {
padding-left: 160px;
padding-right: 304px;
}
但是,如果我将 min-width 设置为 1024px,它将应用于 1024px 以上的所有屏幕尺寸并且不能使用 max-width,因为我有不同的 css。我可以为页面正确设置填充的唯一方法是将最小宽度和最大宽度的值设置为 1024px。这是正确的做法吗?
是的,可以像你上面提到的那样使用它。但是你可以像这样使用精确的宽度:
@media screen and (width: 980px) {
}