Moblle Ansicht und interne CSS

**the_dot** · 08.07.2019, 11:11

Hey ich hab mal eine ganz kurze Frage. Vielleicht hab ich auch einfach nur etwas übersehen.

Normal kann ich doch in ein Seitenlayout das interne CSS übernehmen. Ganz klassisch!!

Muss ich, wenn ich dies für eine mobile Version erstelle, irgendwas besonderes beachten, das das interne CSS verwendet wird?

Ich hab jetzt schon versucht, über den <head> Bereich das Stylesheets direkt einzubinden, aber mir wird einfach nichts angezeigt.

Mir werden zwar meine gesamten ID´s, Klassen und IMG angezeigt, aber mir fehlt halt einfach die Formatierung dazu!

Wie gesagt, muss man da irgendwas beachten? Eigentlich sollte das doch absolut kein Problem sein

Liebe Grüsse

**planepix** · 08.07.2019, 11:18

Wo ist das Mediaquery definiert? Auch im internen Stylesheet?

**the_dot** · 08.07.2019, 12:16

Genau!!

Mediatyp: Screen
(min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait)

und im Viewport:
width=device-width, initial-scale=1.0, user-scalable=no

Dank dir für deine Hilfe bzw. fürs lesen!

Gruss

**tab** · 08.07.2019, 13:09

Wie testest du das? Deine media-queries mit min-device-width und max-device-width ändern sich ja z.B. beim Vergrößern/Verkleinern des Browserfensters nicht. Ich benutze eigentlich immer max-width/min-width.

**the_dot** · 08.07.2019, 14:06

Ich teste das direkt am Endgerät auf einem iPhone 5 / 7 - aber später dann auch sicher mit anderen Programmen. Aber grundlegend gehts mir erstmal darum, das meine CSS überhaupt erkannt wird.

**tab** · 08.07.2019, 14:18

Nuja, soweit ich weiss liegen diese iPhones nicht im Bereich 768-1024px für device-width.

**planepix** · 08.07.2019, 14:36

Kannst du einen Link teilen, damit man das mal live ansehen kann?

**the_dot** · 08.07.2019, 14:53

Zitat von planepix

Kannst du einen Link teilen, damit man das mal live ansehen kann?

Natürlich, die mobile Version ist noch online einzusehen: www.wechselstrommusic.de

Muss dann halt einfach das dementsprechende Endgerät genutzt werden

**fusch** · 08.07.2019, 15:44

Hallo dot,

nur eine Randbemerkung: user-scalable=no finde ich (als nicht so ganz gut sehender Mensch) eine ziemliche Zumutung. Ich finde schon, dass es dem Anwender überlassen sein sollte, ob man etwas vergrößert. Seiten, wo ich das nicht kann, verlieren mich ganz schnell als Leserin

Viele Grüße
Hella

**the_dot** · 08.07.2019, 17:39

Zitat von fusch

Hallo dot,

nur eine Randbemerkung: user-scalable=no finde ich (als nicht so ganz gut sehender Mensch) eine ziemliche Zumutung. Ich finde schon, dass es dem Anwender überlassen sein sollte, ob man etwas vergrößert. Seiten, wo ich das nicht kann, verlieren mich ganz schnell als Leserin

Viele Grüße
Hella

Hey Hella,

dank dir für das Feedback und den expliziten Hinweis. Finde ich als Ansatz sehr gut und werde ich sicher nochmal mit einfliessen lassen.

Normalerweise sollte es nur die eine Seite geben, das unsere Hörer von dort aus, auf die dementsprechenden Streamingportale kommen und mehr nicht.

Aber ich weis schon was du meinst und würde es eventuell in betracht ziehen.

Dank dir und liebe Grüsse

Sascha

**the_dot** · 09.07.2019, 11:59

Zitat von planepix

Kannst du einen Link teilen, damit man das mal live ansehen kann?

Kurze Anmerkung: Wenn ich die Media-Querys in die Style-Sheet Einstellung schreibe, nimmt er mir meine CSS raus. Wenn ich`s aber direkt in die CSS Schreibe, bleibt alles drin.

Kann mir das jemand erklären, bitte?

Danke

screen.png

**tab** · 09.07.2019, 12:03

Wie schreibst du das bei internem CSS direkt ins CSS

**mlweb** · 09.07.2019, 15:19

Ich habe auch noch nicht so genau verstanden was Du genau wohin geschrieben hast. Mit einem Link direkt zum Problem wird häufig vieles klarer.

Nebenbei aber mal die Anregung vileicht besser externes CSS zu verwenden. Der interne css-Editor wird m.E. schon seit Jahren nicht mehr weiter entwickelt. Ist eher ein Relikt aus alter Zeit.

**the_dot** · 10.07.2019, 18:51

Zitat von tab

Wie schreibst du das bei internem CSS direkt ins CSS

Hey Tab interpretiere ich das richtig, das du meinst wie ich das in <HEAD> Bereich schreibe?

Über ... Zusätzliche <head>-Tags hinzufügen als <style type="text/css">ID`s, Class, etc.</style>

und dann halt die einzelnen DIV´s ausformuliert. Hat aber nicht funktioniert.

Aber ich habe es jetzt hinbekommen.

Die Lösung dafür war das ich alles aus den Media-Querys rausgelöscht habe und plötzlich war mein Zugang zu der CSS da.

In den Media-Querys stand vorher nur, was ich vorher schonmal in einem Beitrag erwähnt hatte.

Ich weis, komisch, ist aber tatsächlich so.

Mobile Version funktioniert jetzt. Muss zwar noch optimiert werden, aber es ist auf einem guten Weg. Link zum anschauen steht ja oben, wer Interesse daran hat.

**the_dot** · 10.07.2019, 18:54

Zitat von mlweb

Ich habe auch noch nicht so genau verstanden was Du genau wohin geschrieben hast. Mit einem Link direkt zum Problem wird häufig vieles klarer.

Nebenbei aber mal die Anregung vileicht besser externes CSS zu verwenden. Der interne css-Editor wird m.E. schon seit Jahren nicht mehr weiter entwickelt. Ist eher ein Relikt aus alter Zeit.

Wie schon gesagt, das Problem lag wohl eher irgendwo an meinen Media-Query Einträgen, das ich in der Ausformulierung irgendwie falsch lag.

Aber das mit den externen CSS würde mich noch sehr interessieren. Kannst du mir dazu ein näheres Bsp. geben??

Dankeschön mal an dieser Stelle an alle, die sich dem Thema und meiner Problematik gewidmet haben.

MERCI

**planepix** · 10.07.2019, 19:48

Externes CSS ist dann ein CSS-Datei unter /files, welches du dann auch in der Dateiverwaltung direkt editieren kannst oder mit einem externen Editor.

Und dann bindest du diese externe CSS-Datei über das Seitenlayout ein.

Thema: Moblle Ansicht und interne CSS

Themen-Optionen

Thema durchsuchen

Moblle Ansicht und interne CSS

Aktive Benutzer

Aktive Benutzer

Berechtigungen

Contao

Empfohlene Webdesign-Bücher