移动 HTML 页面基础知识答案

【问题标题】：Mobile HTML pages basics移动 HTML 页面基础知识
【发布时间】：2011-02-18 05:26:36
【问题描述】：

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

我该怎么做？

干杯。

【问题讨论】：

标签： html css mobile-website mobilewebforms

【解决方案1】：

您可以从调整 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/

【讨论】：

【解决方案2】：

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

一旦确定了合适的大小，就如同构建任何其他网站一样。

【讨论】：

【解决方案3】：

您是否将 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">

【讨论】：