2010-05-11 12 views
9

Was sind die Grundlagen zum Erstellen einer Webseite für ein mobiles Gerät? Ich entwickle eine einfache Seite mit einer Tabelle und mehreren Links, aber wenn ich sie mit meinem Android-Telefon öffne, ist sie zu klein und ich muss hineinzoomen, um sie klar zu sehen. Normalerweise, wenn ich auf eine Seite zugreife, die für mobile Geräte bereit ist, kann ich es zu Beginn ziemlich klar sehen.Grundlagen der mobilen HTML-Seiten

Wie kann ich das tun?

Prost.

Antwort

8

Sie Ihre CSS-Regeln durch die Einstellung und den Einsatz der richtigen Meta-Tags beginnen:

http://learnthemobileweb.com/2009/07/mobile-meta-tags/

http://building-iphone-apps.labs.oreilly.com/ch02.html#ch02_id35932248

, dass das Ändern der Größe Problem lösen. Weitere Referenzen finden Sie einige Kapitel dieses Buches zu lesen: http://building-iphone-apps.labs.oreilly.com/

die Webapps für iPhone zu entwickeln, ausgerichtet ist, aber (da iPhone und Android beide Webkit-Browser verwenden) für Android auch sehr nützlich sein.

Wenn Sie reich ausgestattete Web-App zu entwickeln, können Sie dann einen Blick auf PhoneGap nehmen http://www.phonegap.com/

2

Vieles hängt von Ihrer Bildschirmgröße ab. Wenn Sie die Website nicht für eine bestimmte Bildschirmgröße erstellen, wird (oft) standardmäßig eine Standardauflösung für den Browser verwendet. Versuchen Sie, die CSS-Höhe und -Breite Ihres body-Elements auf eine für Ihr Android-Telefon geeignete Größe einzustellen und die Seite neu zu laden.

Sobald Sie die richtige Größe im Auge haben, ist es wie beim Erstellen einer anderen Website.

1

Haben setzen Sie Ihre Doctype Handy xhtml?

<?xml version="1.0" encoding="utf-8"?> 
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml- mobile10.dtd"> 
+0

Hmmmm ... Das habe ich auch nicht gemacht, danke! – vtortola