2017-07-25 4 views
0

Ich blieb stecken, um das zu lösen.Ausblenden von Werbebanner in Mobile View

es funktioniert, kann es Banner in der mobilen Ansicht ausblenden. aber da ist etwas falsch. Das Banner wird von meiner Inhaltsseite angezeigt. es sieht so aus, als würde das Banner zum Hintergrund meiner Seite werden.

bitte jemand mir helfen.

#largeAds { 
 
    width:728px; 
 
    height: 90px; 
 
    line-height: 90px; 
 
    margin: 0 auto; 
 
    background: #ccc; 
 
    text-align: center; 
 
} 
 

 
    #smallAds{ 
 
    display: none; 
 
    margin: 0 auto; 
 
    width: 468px; 
 
    height: 60px; 
 
    line-height: 60px; 
 
    background: #333; 
 
    color: #fff; 
 
    text-align: center; 
 
} 
 

 
    @media screen and (max-width: 750px) { 
 
    #largeAds { display: none } 
 
    #smallAds{display: block;} 
 
}
<div id="largeAds">Large ads (728 x 90)</div> 
 
<div id="smallAds">Small ads (468 x 60)</div>

+1

Willkommen zu SO. ** Wir sind hier, um in Ihrem Code zu helfen **, bitte bearbeiten Sie Ihre Frage, um den vollständigen Code hinzuzufügen, so dass jemand einen Blick darauf werfen kann. Es gibt keinen Code für "meine Inhaltsseite", den Sie erwähnt haben. – Syfer

Antwort

2

Ich hoffe, dies wird Ihnen helfen!

@media only screen and (max-width: 720px) { 
    #largeAds { display: none ! important } 
    #smallAds{display: block; ! important} 
} 
0

Ich bin nicht sicher, ob dies ist, was Sie suchen, aber es wird

<link rel='stylesheet' media='screen and (min-width: 750px) and (max-width: 99999px)' href='css/large.css' /> 
<link rel='stylesheet' media='screen and (min-width: 468px) and (max-width: 750px)' href='css/medium.css' /> 

jetzt arbeiten, wenn Sie Ihre individuellen css in denen setzen wird es laden perfekt ich dies verwenden für alle meine Aufstellungsorte :) ich hoffe, dass dir das hilft

Verwandte Themen