媒体屏幕问题

Question

我必须在名为kwik（KwikCMS）的CMS中建立一个网站。

现在我已经制作了整个网站，但我必须为几个显示器添加几个媒体屏幕。我已经在F12检查器中测试了所有这些代码，它应该都修复它但是由于某种原因它不会占用我的CSS。

我已经尝试过，有没有！重要已经，但我不知道如何解决这个问题。

这是我的CSS代码：

@media screen and (max-width: 1440px){

.site-scope .header-container .site-header .headerBlauw {
margin-left: -14.2% !important;
width: 102.5% !important;
}


.col-sm-12.module-wrapper.cms-preset-dropdown-shown{
height: 202px;
}

.row.site-header.header-slider {
padding: 0;
margin-left: -22px;
width: 1454px;
}

.site-scope .col-sm-12.module-datacontainer.module-align-left.module-container {
padding: 0 !important;
}

.site-scope .header-container .site-header .headerBlauw {
margin-left: -14.4% !important;
width: 96.6% !important;
}

.site-scope .header-container .site-header .module-menu {
margin-left: -24% !important;
}

.site-scope .col-sm-12.module-datacontainer.module-align-left.module-container {
padding: 0 !important;
        
margin-top: -23px !important;
}

.row.monteurs.row-container.sortable {
margin-left: -76px !important;
}

.row.blokken.row-container.sortable {
margin-left: -190px !important;
left: 69px !important;
text-align: center !important;
}

}

Answer 1

> @media (max-width: 1440px){}

尝试在此代码中更改媒体

Answer 2

.headerBlauw在您的CSS中包含两次，可能无法正常工作。澄清代码的哪一部分无法正常工作，以及您在网站中如何包含该css