关于制作网站的移动版本

时间:2011-07-20 20:05:29

标签: iphone android mobile web

我想制作网站的移动版本(您知道,网址中包含.m的网站)。这是怎么做的,和常规网站有什么不同?我仍然可以使用HTML / CSS / JavaScript制作我的网站,还是还需要一些移动网站的其他工具?

最后的问题 - 观看Android手机上的移动网站与iPhone相比有何不同?

感谢。

3 个答案:

答案 0 :(得分:4)

这是怎么做到的?

与网站一样,只是HTML / CSS / JS和更多。

与常规网站有什么不同?

基本上但不仅仅是:

  • 显示尺寸是最大的(或在这种情况下,较小的)差异,您必须处理小型显示器和视口。
  • 用户将与手指而不是鼠标进行交互,因此可点击区域必须更大。

我仍然可以使用HTML / CSS / JavaScript创建我的网站,还是还需要一些其他移动网站工具?

是的,您可以(并且应该)仅使用HTML / CSS / JS,但检查webkit mobile上已有的不同视频/音频标签。

在Android手机上观看移动网站与iPhone有区别吗?

两者都来自webkit,但它们之间存在细微差别(如触摸事件),但对于大多数网站而言,差异很小。

答案 1 :(得分:0)

您可以像使用任何其他网站一样使用HTML / CSS创建移动版本。您可以遵循指导方针来帮助您完成此过程。 Search Google。 您还可以查看有助于您将事情放在一起的平台,例如jqTouch

答案 2 :(得分:0)

网站,即使是移动网站,仍然是一个网站,这意味着您将使用与任何其他普通网站相同的内容:HTML, CSS,Javascript,图片......

您通常需要考虑的主要事项是:

  • 移动设备通常具有小屏幕和各种分辨率,
  • 移动网络并不是很快,有时候ping得很厉害;因此,您的页面必须是轻量级的,并且不包含太多外部文件/图像。
  • 触摸屏意味着您必须在必须可点击的内容周围放置一些空格(以防止用户点击错误的链接,因为两个距离太近)
  • iPhone和最近的Android设备有一些非常先进的浏览器;它们之间应该没有那么多差异(你可能会发现android 1.6和2.3之间的差异比android 2.3和iPhone之间的差异更大;而且android上也有很多不同的浏览器) - 仍然,不要&# 39;忘记在尽可能多的设备上进行测试