移动HTML页面基础知识

时间:2010-05-11 15:58:36

标签: html css mobile-website mobilewebforms

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

我该怎么做?

干杯。

3 个答案:

答案 0 :(得分:8)

您可以先调整CSS规则并使用正确的元标记:

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也非常有用。

如果您想构建功能丰富的网络应用,那么您可以查看PhoneGap http://www.phonegap.com/

答案 1 :(得分:2)

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

一旦你有合适的尺寸,就像建立任何其他网站一样。

答案 2 :(得分:1)

您是否将doctype设置为xhtml mobile?

<?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">