媒体屏幕问题

Question

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

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

我已经尝试过使用和不使用 !important，但我不知道如何解决这个问题。

这是我的 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 包含在您的网站中

媒体屏幕问题

Issue with media screen

css

content-management-system

screen

media