border responsive machen
Eingetragen von inst (300)am 29.03.2016 - 09:33 Uhr in
Hallo,
ich möchte den "border" einer Seite responsive machen - bzw. auf kleineren Geräten verschwinden lassen.
Ich nutze als Base-Theme adaptivthemes.
Dies habe ich in meinem CSS-File stehen:
border-radius: 5em;
border: 4em solid black;
padding-top: 1em;
box-shadow: 1em 1em 1em #888888;
Auf dem Desktop funktioniert das ganz gut und es wird mit dem Border ein Tablet-Rand nachgeahmt.
Aber wie kann ich den Border auf Smartphones verschwinden lassen?
Leider gibt es ja keine % Angaben bei der border Eigenschaft.
danke!
vg, frank
- Anmelden oder Registrieren um Kommentare zu schreiben
Wenn du "responsive" mit "Prozent" verbindest
am 29.03.2016 - 15:39 Uhr
bist du auf dem Holzweg. Das hat rein gar nichts miteinander zu tun. Du musst css erstellen, das von der Breite/Höhe des Gerätes abhängt (@media-Rule mit min-width/height und/oder max-width/height) und mal den Rand zeichen und mal nicht. Besorg dir noch mal Literatur zum Thema "Responsive Design". Ich glaube kaum, dass dieses Forum dir das alles erklären kann.
Wilfried
Drupal: a CMS without typo in its name
Auf Drupal.org bin ich als Pepe Roni unterwegs!