CSS - Elemente ab einer bestimmten Fensterbreite ausblenden

In diesem Beispiel werden alle Wochentage abgekürzt angezeigt, wenn eine bestimmte Fensterbreite unterschritten wird.

Montag Dienstag Mittwoch Donnerstag Freitag Samstag Sonntag


<style>

/* Elemente ab einer bestimmten Fensterbreite ausblenden */

@media screen and (max-width: 40rem) {
 span.abkuerzung {
  display: None;
 }
}
</style>

<?php
$wochentage 
= [=> 'Montag''Dienstag''Mittwoch''Donnerstag''Freitag''Samstag''Sonntag'];

foreach (
$wochentage as $wochentag) {
 echo 
substr($wochentag02) . '<span class="abkuerzung">' substr($wochentag2) . '</span> ';
}
?>

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<source> Quelle

CSS - Mit import mehrere CSS-Dateien zusammenfassen

PHP - Bild proportional zur Breite verkleinern

JavaScript - Zeit-Differenz ermitteln

MySQL - Spalten-Durchschnitt ermitteln