Mobile ansicht HTML/CSS

12/08/2014 20:48 YatoDev#1
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
12/08/2014 20:52 Warnuk3r#2
[Only registered and activated users can see links. Click Here To Register...]

Suchst du das? Kannst auch Frameworks wie Bootstrap etc. verwenden.
12/08/2014 21:40 YatoDev#3
Quote:
Originally Posted by Warnuk3r View Post
[Only registered and activated users can see links. Click Here To Register...]

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?
12/08/2014 22:20 ~ JWonderpig ~#4
[Only registered and activated users can see links. Click Here To Register...]

Mir gefällt aber Bootstrap besser.
12/09/2014 10:01 Devsome#5
Wenn du es ohne ein Framework machen willst sondern nur selbst geschriebenes HTML und CSS dann würde ich dir

Code:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0"/>
sowie
Code:
vw, vh und vmin
im CSS anstatt % oder px

und
Code:
@media screen and (max-width: 750px)  {
    #irgendWas{
		color: red;
	}
}
empfehlen.
12/09/2014 15:50 YatoDev#6
Quote:
Originally Posted by Devsome View Post
....
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^^
12/09/2014 16:00 Devsome#7
Quote:
Originally Posted by »FlutterShy™ View Post
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)
12/09/2014 16:59 Warnuk3r#8
Ich würde vllt. mal lieber auf den Browser achten, als auf das Smartphonemodell.
12/09/2014 19:06 ~ JWonderpig ~#9
Quote:
Originally Posted by Warnuk3r View Post
Ich würde vllt. mal lieber auf den Browser achten, als auf das Smartphonemodell.
Ich nicht.
12/09/2014 19:58 YatoDev#10
Quote:
Originally Posted by Warnuk3r View Post
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
12/10/2014 23:03 Warnuk3r#11
Quote:
Originally Posted by »FlutterShy™ View Post
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.

Quote:
Originally Posted by Caiv View Post
Ich nicht.
Kann natürlich sein, dass das Smartphone auch das Problem ist. IE ist aber scheiße :D
12/10/2014 23:31 YatoDev#12
Quote:
Originally Posted by Warnuk3r View Post
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 :D
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