HP für Tablet und Smartphon optimieren
Moderator: HTML-Laie
- Ratoncito
- Webmaster
- Beiträge: 109
- Registriert: So 24. Nov 2013, 09:59
- Mein Vorname: Wolfgang
HP für Tablet und Smartphon optimieren
Hallo zusammen,
meine HP wird wohl auf Tablets und Smartphones nicht richtig angezeigt. Hierzu habe ich schon den Tipp bekommen, diesen Code:
<meta name="viewport" content="width=1024" >
in den Header einzufügen.
Allerdings habe ich hierzu absolut keine Ahnung, was dieser Code bewirkt und wie ich testen kann, wie meine Seite auf Smartphones und Tablets aussieht.
Den Hintergrund habe ich mit einem Java-Script versehen, der das Hintergrundbild immer über den gesamten Bildschirm aufspannt.
Kann mir bitte jemand ein paar Tipps geben?
Danke und noch einen schönen Tag - Wolfgang
meine HP wird wohl auf Tablets und Smartphones nicht richtig angezeigt. Hierzu habe ich schon den Tipp bekommen, diesen Code:
<meta name="viewport" content="width=1024" >
in den Header einzufügen.
Allerdings habe ich hierzu absolut keine Ahnung, was dieser Code bewirkt und wie ich testen kann, wie meine Seite auf Smartphones und Tablets aussieht.
Den Hintergrund habe ich mit einem Java-Script versehen, der das Hintergrundbild immer über den gesamten Bildschirm aufspannt.
Kann mir bitte jemand ein paar Tipps geben?
Danke und noch einen schönen Tag - Wolfgang
- Jasko
- Globaler Moderator
- Beiträge: 3278
- Registriert: Di 21. Feb 2012, 06:59
- Mein Vorname: Herr Jasmin ;)
- Wohnort: Rheinland-Pfalz
- Kontaktdaten:
Re: HP für Tablet und Smartphon optimieren
Eine Seite für Smartphone und Tablet zu optimieren ist gar nicht so einfach. Solche Seiten oder Designs nennt man auch responsive Design. Dazu muss man eine Seite auch speziel so coden, doch einige Tags kann man benutzen um seine Seite auch so besser sichtbar auf Tablets und Co zu machen.
Ein Bild sagt mehr als 1000 Worte, also zeige ich gleich mal zwei um darzustellen was dieser Tag macht.
Nehmen wir mal als Beispiel das iPhone da ist die Breite als width auf 980px begrenzt, und wenn man den Tag von dir verwendet passiert das hier, bei einem Design das Breiter als 980px bzw 1024px ist: Bei einem Design das kleiner ist passiert das hier: Ich hoffe es ist jetzt verständlicher was die machen.
Ein Bild sagt mehr als 1000 Worte, also zeige ich gleich mal zwei um darzustellen was dieser Tag macht.
Nehmen wir mal als Beispiel das iPhone da ist die Breite als width auf 980px begrenzt, und wenn man den Tag von dir verwendet passiert das hier, bei einem Design das Breiter als 980px bzw 1024px ist: Bei einem Design das kleiner ist passiert das hier: Ich hoffe es ist jetzt verständlicher was die machen.
- charlyjaku
- Bevorzugtes Stamm Mitglied
- Beiträge: 2489
- Registriert: Mo 30. Jan 2012, 18:46
- Mein Vorname: Charly
- Wohnort: Hamburg 22589
- Kontaktdaten:
Re: HP für Tablet und Smartphon optimieren
Wenn ich Dich richtig verstanden habe, dann kann sich jeder diesen Code bedenkenlos in den Header einbauen ?!?
Gruß Charly
http://ploenerpioniere.de
http://ploenerpioniere.de
- Jasko
- Globaler Moderator
- Beiträge: 3278
- Registriert: Di 21. Feb 2012, 06:59
- Mein Vorname: Herr Jasmin ;)
- Wohnort: Rheinland-Pfalz
- Kontaktdaten:
Re: HP für Tablet und Smartphon optimieren
Klar, aber eine kleine Überprüfung ob alles so ist wie man es will schadet nicht. Wenn man kein eigenes tebllet hat gibt es simulatoren, massig im web, sonnst einen Freund mal nachschauen lassen.
MfG
MfG
- npage-user
- Webmaster Alt Meister
- Beiträge: 1277
- Registriert: Sa 19. Feb 2011, 08:53
- Mein Vorname: Michael
- Wohnort: Haßloch (Rheinland-Pfalz)
- Kontaktdaten:
Re: HP für Tablet und Smartphon optimieren
Mit Optimierungen im mobilen Bereich beschäftige ich mich momentan auch ein bisschen, bin da aber bis jetzt noch nicht so wirklich weit gekommen. Sowas ist heutzutage gar nicht schlecht, denn es wird immer häufiger über Tablets oder Smart- bzw. iPhones zugegriffen. Sehe ich immer wieder in den Besucherstatistiken, dass dieser Anteil gar nicht gering ist.
- awardfan
- Erfahrener Webmaster
- Beiträge: 372
- Registriert: Mi 9. Jan 2013, 13:50
- Mein Vorname: BPG
- Kontaktdaten:
Re: HP für Tablet und Smartphon optimieren
Um welche HP geht es denn und was meinst du mit "nicht richtig"?
- thaileben
- Moderator
- Beiträge: 7772
- Registriert: So 26. Sep 2010, 03:47
- Mein Vorname: Jürg
- Wohnort: nahe Ubon Ratchathani / Thailand
- Kontaktdaten:
Re: HP für Tablet und Smartphon optimieren
Hier ist eines zum testen http://www.onlyfree.de/generatorresolution.php
jedoch für smartfon kommt es auch darauf an welche Andorid version drauf ist
und für den apfel gibt es auch speziell codes
hier ist was zum nachlesen http://www.meine-erste-homepage.com/web ... mieren.php
Jürg
jedoch für smartfon kommt es auch darauf an welche Andorid version drauf ist
und für den apfel gibt es auch speziell codes
hier ist was zum nachlesen http://www.meine-erste-homepage.com/web ... mieren.php
Jürg
- Ratoncito
- Webmaster
- Beiträge: 109
- Registriert: So 24. Nov 2013, 09:59
- Mein Vorname: Wolfgang
Re: HP für Tablet und Smartphon optimieren
Hallo zusammen,
wegen dem Hintergrund habe ich eventuell eine Lösung.
Es sollte mit dem CSS-Befehl "cover" funktionieren.
Dazu muss ich aber einige Änderungen an der Seite vornehmen und dafür fehlt mir im Moment die Zeit. Wenn ich eine funktionierende Lösung habe, werde ich sie hier vorstellen.
Noch ein schönes Wochenende - Wolfgang
wegen dem Hintergrund habe ich eventuell eine Lösung.
Es sollte mit dem CSS-Befehl "cover" funktionieren.
Dazu muss ich aber einige Änderungen an der Seite vornehmen und dafür fehlt mir im Moment die Zeit. Wenn ich eine funktionierende Lösung habe, werde ich sie hier vorstellen.
Noch ein schönes Wochenende - Wolfgang
Wer ist online?
Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast