2010-05-11 35 views
9

什麼是爲移動設備創建網頁的基礎知識?我正在開發一個帶有表格和幾個鏈接的簡單頁面,但是當我用Android手機打開它時,它太小了,我必須放大以清楚地看到它。通常當我訪問移動設備的頁面時,我可以很清楚地看到它。移動HTML頁面基礎知識

我該怎麼做?

乾杯。

回答

8

您可以通過調整你的CSS規則,並使用正確的meta標籤開始:

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

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

,將解決調整大小的問題。 如需進一步引用你可以閱讀這本書的一些章節: http://building-iphone-apps.labs.oreilly.com/

其目的是爲了開發基於iPhone的webapps,但(因爲iPhone和Android都使用WebKit瀏覽器),可以爲Android非常有用的。

如果你想建立功能豐富的Web應用程序,那麼你可以在PhoneGap的http://www.phonegap.com/看看

2

很多都取決於您的顯示器尺寸。如果您不構建網站以適應特定的屏幕大小,它將(多次)默認爲標準瀏覽器分辨率。嘗試將您的body元素的CSS高度和寬度設置爲適合您的Android手機並重新加載頁面的內容。

一旦你有正確的大小,就像建立任何其他網站。

1

你設置你的DOCTYPE爲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

哼哼......我沒那麼做,謝謝! – vtortola 2010-05-31 11:07:55