ich mit Wordpress an diesem Projekt und das ist meine Klasse Code-Zeile in meiner PHP-Datei:Wie div Inhalt in PHP für mobile Geräte ausblenden?
<div class="footer-banner">
Das ist, wie ich von mobilen Geräten zu verstecken versucht, aber nicht arbeiten, und ich weiß wirklich nicht, warum:
@media screen and (max-width: 960px) {
div.footer-banner { display: none; }
}
Versuchen Sie etwas wie das.
Wenn Sie Boostrap verwenden, können Sie die Boostrap-Klasse hidden-sm für versteckte div in der mobilen Ansicht verwenden.
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
.footer-banner{display:none}
}
Falsche .css-Datei Ich habe diesen Code hinzugefügt, muss den oberen Code in die bootstrap.css hinzufügen ... –
Für mobile Geräte, die Sie benötigen Medienabfrage zu verwenden, da mobile Geräte wird ca. zwischen 320px auf 480px
@media screen and (max-width: 481px) {
.footer-banner { display: none; }
}
und entfernen Sie andere Medienanfragen nimmt Breite.
Dank
Haben Sie die Meta-Ansichtsfenster in HTML <head> richtig eingestellt?
<meta name="viewport" content="width=device-width">
Versuchen zu verwenden Wichtig in Medien Abfrage als ich @media Bildschirm hier tat und (max-width: 960px) { div.footer-Banner {display:! Keine Bedeutung; } } – AmitV
Versuchen Sie: '@media (max-width: 960px) {div.footer-banner {Anzeige: keine; }} 'Überprüfen Sie auch, dass nach Ihrer' @ media'-Regel keine Regeln auf '.footer-banner' wirken. – Hokusai
Um auf den Klassennamen in der CSS-Datei zuzugreifen, müssen Sie "." Operator. Ihre letzten beiden Medienabfragenblöcke sind falsch, da Sie "#" für div sowie den Klassennamen verwendet haben. – AmitV