如何开发适合移动设备的html页面?

时间:2011-10-21 14:41:05

标签: html

我有一个现有的网站,我希望它可以转换为移动版本。我怎么能这样做?我是否必须创建完整的不同版本的应用程序。我是否必须通过更改逻辑等从头开始编写所有内容?我很安静。

请给我一些指示。

2 个答案:

答案 0 :(得分:3)

1)JQuery Mobile将提供帮助。我不确定你是否在你的页面上使用了很多javascript / jquery,但是使用JQuery Mobile版本将有助于确保它在移动设备上运行。 http://jquerymobile.com/

2)仅为手机分配单独的CSS会有所帮助。您可以尝试删除大边距/填充和字体设置。可能有不同的图像设置,因此如果选择此CSS,它们可以更小。

<link rel="stylesheet" href="mobile.css" type="text/css" media="handheld" />

我强烈推荐使用JQuery Mobile,因为它有很好的文档来帮助你。使用手持式css也很方便,因为你可以摆脱大屏幕上可能没有的间距和字体问题。

答案 1 :(得分:0)

...刚刚在dzonehttp://foundation.zurb.com/index.php

上遇到了这个问题

看起来很有趣,另外jQuerymobile可能值得一试