移动HTML页面基础 [英] Mobile HTML pages basics

问题描述

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

我该如何做？

您可以从调整CSS规则和使用正确的元标签开始：

解决方案

p>

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/

What are the basics for creating a web page for a mobile device? I'm developing a simple page with a table and several links, but when I open it with my Android phone it is too small, and I have to zoom in to see it clearly. Normally when I access a page ready for mobile devices I can see it fairly clearly to begin with.

How can I do that?

Cheers.

解决方案

You can start by adjusting your CSS rules and using the right meta tags:

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

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

That will solve the resizing problem. For further references you can read some chapters of this book: http://building-iphone-apps.labs.oreilly.com/

which is aimed to develop webapps for iPhone, but (since iPhone and Android both use webkit browsers) can be very useful for Android too.

If you want to build rich-featured web app you can then take a look at PhoneGap http://www.phonegap.com/

这篇关于移动HTML页面基础的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！