我必須在名爲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;
}
}
好吧我會做出一個非常瘋狂的猜測。您正在使用最大寬度。它會改變類的CSS如果屏幕是1440px和以下..但如果你想它顯示在1440px以上使用最小寬度..我認爲這是這裏的情況.. –
複製粘貼代碼後一個CSS驗證器我在第33行得到了一個未知的符號(也在Sublime中看到它):.site-scope .col-sm-12.module-datacontainer.module-align-left.module-container { padding:0!important ; margin-top:-23px!important; } – AntonZlatkov
@AntonZlatkov一個未知的符號?哪裏? –