it-swarm.com.de

Die Joomla-Site ändert sich, wenn sie von einem Telefon aus angezeigt wird

Derzeit werden beim Besuch meiner Website von einem Telefon aus Elemente neu angeordnet. Beispielsweise wird das Menü von der Seite der Site nach unten verschoben. Wie verhindere ich, dass sich das Layout der Website ändert, wenn ich sie von einem Telefon aus betrachte?

6
chrisvj

Was Sie beschreiben, heißt "Responsive Design". Die meisten neuen Websites enthalten diese Technik:

Responsive Web Design (RWD) ist ein Ansatz für das Webdesign, der darauf abzielt, Websites so zu gestalten, dass eine optimale Anzeigeerfahrung - einfaches Lesen und Navigieren mit einem Minimum an Größenänderung, Schwenken und Scrollen - auf einer Vielzahl von Geräten (von Desktop-Computer-Monitoren bis hin zu Mobiltelefone).

( Wikipedia )

Es funktioniert normalerweise durch Hinzufügen von CSS-Medienabfragen ; Eine Art "if" -Anweisung für CSS-Dateien, die abhängig von der Bildschirmgröße des Anzeigegeräts bestimmte Regeln anwendet. Dieser Artikel hat ein gutes Beispiel dafür, wie das funktioniert.

Eine CSS-Medienabfrage könnte folgendermaßen aussehen:

@media all and (max-width: 1000px) and (min-width: 700px) {
  p {
      color:red;
  }
}

In diesem Beispiel wird jedes p -Element nur für Bildschirmbreiten zwischen 700 und 1000 Pixel rot angezeigt.

Ich würde nicht empfehlen, diese Funktion zu deaktivieren, es sei denn, sie bringt Ihr Design durcheinander und macht Ihre Website auf kleinen Bildschirmen unlesbar.

Wie Sie das responsive Design deaktivieren, hängt davon ab, wie Ihre Vorlage gestaltet ist. Bei vielen Vorlagenanbietern (RocketTheme, Shape5 usw.) gibt es in den Vorlageneinstellungen eine Option, mit der Sie zwischen Responsive-Layout und Layout mit fester Breite wechseln können.

6
johanpw

Dies hängt hauptsächlich von Ihrer Front-End-Vorlage ab.

Responsive Templates definieren normalerweise "mobile" Positionen, die nur für Handys und Tablets angezeigt werden. Die Idee ist, Inhalte je nach Gerät auf unterschiedliche Weise anzuzeigen.

3
Anibal