gpt4 book ai didi

stylelint - 如何使用 Stylelint 来防止在媒体查询中使用 "max-width"

转载 作者:行者123 更新时间:2023-12-01 22:23:26 48 4
gpt4 key购买 nike

我想在媒体查询中使用 max-width 时发出警告/错误,并鼓励使用 min-width 的移动优先方法。

我可以警告/错误...

@media (max-width: 50em) {
padding: 1rem;
}

但是允许...

@media (min-width: 50em) {
padding: 1rem;
}

最佳答案

media-feature-name-disallowed-listmedia-feature-name-allowed-list 规则现在可以在最新的 stylelint 中使用:

"media-feature-name-disallowed-list": [
"^max-width",
{
"message": "Use min-width for a mobile-first approach (media-feature-name-disallowed-list)",
},
],
},

关于stylelint - 如何使用 Stylelint 来防止在媒体查询中使用 "max-width",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38572426/

48 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com