Fragen und Antworten » Mobile Ansicht fest einstellen

#1

03.09.2021 10:20

Nara
#1 Mobile Ansicht fest einstellen

Nara

Gibt es einen css code, damit man das mobile Template nicht umstellen kann auf Desktopversion?

Antworten

Beitrag melden

#2

03.09.2021 10:31

Ingmar
#2 RE: Mobile Ansicht fest einstellen

Ingmar

"Desktop Version anfordern" ist eine Funktion des Browsers im Handy. Da können wir nicht viel machen.

Du kannst aber das V6-Template aktivieren, dann erscheint das auch bei der "Desktopversion"

Viele Grüße,
Ingmar

Technik · Homepagemodules.de · Miranus GmbH

Antworten

Beitrag melden

#3

03.09.2021 12:13

Jim
#3 RE: Mobile Ansicht fest einstellen

Jim

Zumindest in Huawei-Smartphones kann man jede Webseite wahlweise auf Desktop-Ansicht einstellen.
Es wird dann halt allerdings schon nicht mehr so lesefreudig.

Apropos Mobile Ansicht; Wahrscheinlich wurde diese Frage schon 'zig mal gestellt,
nur wurde ich hier im Forum nicht wirklich fündig.

Liegt es an Foren-, oder Smartphone-Einstellungen, dass Portalbilder total verzerrt bzw. seitlich eingedrückt erscheinen?
(Business Template V4) Als Vergleich

jimArt

Antworten

Beitrag melden

#4

03.09.2021 13:09

River
#4 RE: Mobile Ansicht fest einstellen

River

Zitat von Jim im Beitrag #3
Portalbilder total verzerrt bzw. seitlich eingedrückt

Wie soll ein Display im Hochformat bitte ein Bild, das auf Querformat angelegt ist, anders anzeigen? Ich sag mal: Dreh das Smartphone ins Querformat, dann passt das Bild sicher einigermaßen.

Es wäre praktisch, wenn man für Hoch- und Querformat zwei verschiedene Bilderversionen (Formate) hinterlegen könnte, dann müsstest du aber fürs Hochformat wohl ein anderes Foto schießen.

Für den Header kann man z.B. verschiedene einstellen (mobil und Desktop).

Viele Grüße
River

-------------------------------------------------------------

+++Ich will Computercrack werden! XD+++

Business Template (v4)

Antworten

Beitrag melden

#5

03.09.2021 13:28 (zuletzt bearbeitet: 03.09.2021 13:29)

creator
#5 RE: Mobile Ansicht fest einstellen

cr

creator

Zitat von River im Beitrag #4
Wie soll ein Display im Hochformat bitte ein Bild, das auf Querformat angelegt ist, anders anzeigen?

Indem die Höhe an die Bildschirmbreite angepasst wird, sodass das Bild nicht gezerrt wird.

Mit folgendem CSS-Eintrag wäre das möglich:

1
2
3
 
img {
    height: auto;
}
 

Antworten

Beitrag melden

#6

03.09.2021 13:31

Jim
#6 RE: Mobile Ansicht fest einstellen

Jim

Zitat von River im Beitrag #4
Zitat von Jim im Beitrag #3
Portalbilder total verzerrt bzw. seitlich eingedrückt

Wie soll ein Display im Hochformat bitte ein Bild, das auf Querformat angelegt ist, anders anzeigen?

Na ja, ich ging eigentlich davon aus, dass "Responsive" = "Angepasst" ist. Wohl falsch gedacht?!
Selbst im Querformat werden die Bilder nur mit Scrollen richtig angezeigt.
Meinte halt, dass alle Seiteninhalte vom Forum, unabhängig von Hoch- und Querformat
automatisch auf die verfügbare Seitenbreite (Smartphone) gebracht werden.
Da hab' ich wohl etwas komplett falsch verstanden ...

jimArt

Antworten

Beitrag melden

#7

03.09.2021 13:39

Nara
#7 RE: Mobile Ansicht fest einstellen

Nara

Also ich meine nicht, das man die Desktopversion wählen kann auf seinem Handy, sondern eben das genau nicht.Die Auswahlleiste unten in der mobile Ansicht soll nicht erscheinen. So das man am Handy wirklich nur die mobile Version sieht und auch nicht wählen kann. Ich mein früher konnte man das auch einstellen.

Antworten

Beitrag melden

#8

03.09.2021 13:44

River
#8 RE: Mobile Ansicht fest einstellen

River

Zitat von Jim im Beitrag #6
Meinte halt, dass alle Seiteninhalte vom Forum, unabhängig von Hoch- und Querformat
automatisch auf die verfügbare Seitenbreite (Smartphone) gebracht werden.

Das hab ich früher auch immer gedacht, aber mit dem Code von creator geht's ja und/oder mit eben anderen Bildformaten.

Jetzt weiß man aber, welchen Code man braucht.

Brauchst du kein anderes Foto schießen. ;)

Viele Grüße
River

-------------------------------------------------------------

+++Ich will Computercrack werden! XD+++

Business Template (v4)

Antworten

Beitrag melden

#9

03.09.2021 13:46

Jim
#9 RE: Mobile Ansicht fest einstellen

Jim

Zitat von creator im Beitrag #5

Mit folgendem CSS-Eintrag wäre das möglich:
1
2
3
img {
    height: auto;
}
 

Genau DAS war's. Super, Merci.

Will ja nicht unverschämt sein, aber gibt's denselben Code auch für die beiden eingebetteten Filme (mov?) zuunterst auf der Seite?

jimArt

Antworten

Beitrag melden

#10

03.09.2021 13:55

Jim
#10 RE: Mobile Ansicht fest einstellen

Jim

Zitat von Nara im Beitrag #7
Also ich meine nicht, das man die Desktopversion wählen kann auf seinem Handy, sondern eben das genau nicht.

Siehe Screenshot.
Meinst du denn nicht das?

jimArt

Antworten

Beitrag melden

#11

03.09.2021 14:09

creator
#11 RE: Mobile Ansicht fest einstellen

cr

creator

Zitat von Jim im Beitrag #9
Will ja nicht unverschämt sein, aber gibt's denselben Code auch für die beiden eingebetteten Filme (mov?) zuunterst auf der Seite?

Wenn ich das richtig sehe, hast du im Portal YouTube-Videos eingebettet. Dafür bietet Bootstrap die Klassen embed-responsive und embed-responsive-16by9 an.

Da ich kein Forum mit aktiviertem Portal habe, muss ich fragen: Wie hast du die YouTube-Videos eingebettet? Hast du den YouTube-Link kopiert und über eine Box mit "eigenem HTML" eingebunden?

Antworten

Beitrag melden

#12

03.09.2021 14:19

Jim
#12 RE: Mobile Ansicht fest einstellen

Jim

Ist eine Simple TextBox mit

1
 
<iframe width="1532" height="862" src="https://www.youtube.com/embed/9yatAJVA_4E" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

jimArt

Antworten

Beitrag melden

#13

03.09.2021 14:28

creator
#13 RE: Mobile Ansicht fest einstellen

cr

creator

Dann kannst du versuchen, diesen Code mit folgendem zu ersetzen:

1
2
3
 
<div class="embed-responsive embed-responsive-16by9">
<iframe width="1532" height="862" src="https://www.youtube.com/embed/9yatAJVA_4E" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
 

Zeile 1 und 3 bleiben immer gleich, Zeile 2 solltest du für andere Boxen mit dem YouTube-Video ersetzen.

Antworten

Beitrag melden

#14

03.09.2021 14:47

Nara
#14 RE: Mobile Ansicht fest einstellen

Nara

kann mir eventuell Jemand die Ursprungsfrage auch beantworten? Ob es einen css code gibt, damit man unten die Leiste Mobile Ansicht deaktivieren nicht mehr hat Im mobilen Design?

Antworten

Beitrag melden