移动HTML页面基础知识

问题描述:

什么是为移动设备创建网页的基础知识?我正在开发一个带有表格和几个链接的简单页面,但是当我用Android手机打开它时,它太小了,我必须放大以清楚地看到它。通常当我访问移动设备的页面时,我可以很清楚地看到它。移动HTML页面基础知识

我该怎么做?

干杯。

您可以通过调整你的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/看看

很多都取决于您的显示器尺寸。如果您不构建网站以适应特定的屏幕大小,它将(多次)默认为标准浏览器分辨率。尝试将您的body元素的CSS高度和宽度设置为适合您的Android手机并重新加载页面的内容。

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

你设置你的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