Label栅格样式小屏时被覆盖，显示宽度100%

[ideshun]

• I have searched the issues of this repository and believe that this is not a duplicate.

Version

1.4.6

Environment

Windows 10 1909、Chrome 78.0.3904.108、Vue 3.11.0

Reproduction link

https://bd9ok.csb.app/

Steps to reproduce

Form Label 组件，horizontal模式，小屏状态显示宽度100%。

What is expected?

horizontal模式左右显示，而不是label和input各占一行。

What is actually happening?

.ant-form-item-label, .ant-form-item-control-wrapper 将 .ant-col-18 样式覆盖了。
@media (max-width: 575px)
.ant-form-item-label, .ant-form-item-control-wrapper {
display: block;
width: 100%;
}

.ant-col-18 {
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 75%;
}

[MuBeiSAMA]

vue.config.js:

module.exports = {
  css: { loaderOptions: { less: { modifyVars: { 'screen-sm': '1px' }, javascriptEnabled: true } } }
}

[Yaob1990]

vue.config.js:

module.exports = {
  css: { loaderOptions: { less: { modifyVars: { 'screen-sm': '1px' }, javascriptEnabled: true } } }
}

和这个没啥关系吧，我试了，没啥用啊

[github-actions]

This issue is stale because it has been open 60 days with no activity. Remove stale label or comment or this will be closed in 7 days

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.