2017-09-27 122 views
1

我必須在名爲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; 
 
} 
 

 
}

+0

好吧我會做出一個非常瘋狂的猜測。您正在使用最大寬度。它會改變類的CSS如果屏幕是1440px和以下..但如果你想它顯示在1440px以上使用最小寬度..我認爲這是這裏的情況.. –

+0

複製粘貼代碼後一個CSS驗證器我在第33行得到了一個未知的符號(也在Sublime中看到它):.site-scope .col-sm-12.module-datacontainer.module-align-left.module-container { padding:0!important ; margin-top:-23px!important; } – AntonZlatkov

+0

@AntonZlatkov一個未知的符號?哪裏? –

回答

0

.headerBlauw包含在你的CSS的兩倍,也可能是不如你所願地工作。澄清你的代碼哪部分不能正常工作,你究竟如何在你的網站中包含該css

+0

我看到,問題是必須與媒體屏幕一起使用的整個CSS,它們都不起作用,它只是因爲某些原因不讀取媒體屏幕 –

+0

@JornBarkhof,嘗試添加最小寬度的@media屏幕和(最小寬度:1200px)和(最大寬度:1400px)'。檢查它是否在該範圍內,如果沒有 - 更新你的問題,並鏈接到你的項目 – Den

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

試圖改變自己的媒體在這個代碼

+0

不工作 –

+0

我可以看到你的html代碼嗎?我想看看你是否把這個代碼 Mikhail

+0

我看不到在kwikcms中創建的HTML代碼。或者你的意思是在網站上檢查它? –