9

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

我怎样才能做到这一点?

干杯。

4

3 回答 3

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

如果您想构建功能丰富的 Web 应用程序,您可以查看 PhoneGap http://www.phonegap.com/

于 2010-05-11T16:11:36.157 回答
2

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

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

于 2010-05-11T16:03:37.450 回答
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">
于 2010-05-30T14:19:48.020 回答