Mobile ansicht HTML/CSS

[YatoDev]

Kann mir jemand vielleicht einen link schicken mit einem beispiel für eine mobile ansicht oder einem tutorial wie man das selbst mit html und css löst?

vielleicht wäre es für mich auch sinnvoll eine andere css datei zu verwenden wenn ein mobiles gerät auf die website zugreift

[Warnuk3r]

Suchst du das? Kannst auch Frameworks wie Bootstrap etc. verwenden.

[YatoDev]

Originally Posted by Warnuk3r

Suchst du das? Kannst auch Frameworks wie Bootstrap etc. verwenden.

danke irgendwie hab ich die lösung nicht gefunden ist ja richtig einfach
hab wohl was falsches gegooglet hab nur komisch kompliziertes zeug gefunden^^

Bei diesem projekt wollte ich mich eigentlich mal selbst komplett mit css und html auseinandersetzen damit ich das endlich mal besser drauf habe.

Welche frameworks außer bootstrap kennst du/ihr noch?

[~ JWonderpig ~]

Mir gefällt aber Bootstrap besser.

[Devsome]

Wenn du es ohne ein Framework machen willst sondern nur selbst geschriebenes HTML und CSS dann würde ich dir

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0"/>

sowie

vw, vh und vmin

im CSS anstatt % oder px

und

@media screen and (max-width: 750px)  {
    #irgendWas{
		color: red;
	}
}

empfehlen.

[YatoDev]

Originally Posted by Devsome

....

ich komme mit einer 2 css datei am besten zu recht. ich will auf dem handy das es anders dargestellt wird als auf dem desktop.

Habe meine seite jetzt soweit überarbeitet das sie HTML CSS und mobile view w3c valide ist.
Das einzige hinderniss ist mein windows phone das die seite immer noch nicht komplett richtig darstellen will aber es wird immer besser^^

[Devsome]

Originally Posted by »FlutterShy™

ich komme mit einer 2 css datei am besten zu recht. ich will auf dem handy das es anders dargestellt wird als auf dem desktop.

Habe meine seite jetzt soweit überarbeitet das sie HTML CSS und mobile view w3c valide ist.
Das einzige hinderniss ist mein windows phone das die seite immer noch nicht komplett richtig darstellen will aber es wird immer besser^^

Woran hapert es denn beim Windows phone ?
Und sonst ist doch egal wie viele CSS Datein man nimmt (Y)

[Warnuk3r]

Ich würde vllt. mal lieber auf den Browser achten, als auf das Smartphonemodell.

[~ JWonderpig ~]

Originally Posted by Warnuk3r

Ich würde vllt. mal lieber auf den Browser achten, als auf das Smartphonemodell.

Ich nicht.

[YatoDev]

Originally Posted by Warnuk3r

Ich würde vllt. mal lieber auf den Browser achten, als auf das Smartphonemodell.

nö. alle browser zeigen es so an wie es sein soll nur der komische windows phone internet explorer nicht

[Warnuk3r]

Originally Posted by »FlutterShy™

nö. alle browser zeigen es so an wie es sein soll nur der komische windows phone internet explorer nicht

Vergleichst du grade deine Browser auf deinem Smartphone oder vergleichst du PC/Laptop mit Smartphone?

Ich rede davon, dass auf dem PC/Laptop die verschiedenen Browser Seiten anders anzeigen können. Wenn das ganze auf deinem Smartphone genauso wäre, dann würde das Problem an IE liegen.

Originally Posted by Caiv

Ich nicht.

Kann natürlich sein, dass das Smartphone auch das Problem ist. IE ist aber scheiße

[YatoDev]

Originally Posted by Warnuk3r

Vergleichst du grade deine Browser auf deinem Smartphone oder vergleichst du PC/Laptop mit Smartphone?

Ich rede davon, dass auf dem PC/Laptop die verschiedenen Browser Seiten anders anzeigen können. Wenn das ganze auf deinem Smartphone genauso wäre, dann würde das Problem an IE liegen.



Kann natürlich sein, dass das Smartphone auch das Problem ist. IE ist aber scheiße

IE ist schon länger nicht mehr so schlecht wie er mal war....

Ich bin auch nicht blöd also für dich nochmal:

Ich vergleiche auf dem PC:
Mozilla, Chrome, IE, Safari, Opera
Alle liefern die gleiche anzeige. eigentlich logisch da ich nur validen html code verwende.

Auf dem smartphone:
Android: Standard browser und mozilla
Windows Phone browser
Zeigen jetzt ein ähnliches bild was ich aber denke ich noch besser hinbekomme