如何将正常工作的网站转换为ipad/iphone兼容？

Question

如何将正常工作的网站转换为ipad/iphone兼容？ 任何免费软件工具可用于将普通网站转换为ipad/iphone兼容？

Answer 1

这里有成千上万的教程。

我建议的东西开始像

http://mobile.tutsplus.com/tutorials/iphone/iphone-web-app-meta-tags/

然后，如果你不快乐与流体布局

你可以重新设计你的身边http://cssgrid.net/

或者，您可以从头开始做的一切，并使用移动框架，这是最常用的这天的有：

JQTouch，jQuery Mobile（从jQuery开发团队）和Sencha Touch（（现由乔纳森·斯塔克maintaned）从ExtJS的开发者即聘请了jQTouch创建者为好）

Answer 2

这真的取决于你所说的“iPad/iPhone的兼容”是什么。

如果你只是想让网站工作，那么很可能已经是这种情况，如果网站在WebKit浏览器上工作（通常应该是这样的，如果它适用于其他流行的浏览器，如Firefox和Chrome，除了一些怪癖）。

如果您只是想定义默认视口缩放以使页面更具可读性并且更易于浏览，请考虑添加<meta>以及viewport选项的配置。

然而，要真正利用移动/平板电脑设备，最大限度地提高了用户体验，还有以“魔术”般地改变你的常规基于台式机的现场移动/平板电脑优化的一个没有真正的方法。为此，您需要一个新的移动优化网站。

您构建移动网站时，需要一个完全不同的方法和思维定式 - 界面和功能应该是更加简约，专注于您的网站的真正重要的方面。布局应该突出显示该网站的重要区域，并且大部分“背景噪音”应该被丢弃。导航需要进行优化以供触摸屏使用，并且通常整个基于触摸的用户交互允许您以与传统网站完全不同的方式进行操作。

有很多，你可以在网上找到好的资源。 SmashingMagazine对移动设计有着很好的introductory post，这绝不是全面的，但它是一个很好的起点。

如果你决定写一个专门的手机版，我强烈建议尝试jQuery Mobile，我真的很享受与工作。

Answer 3

有数百个网站将您的网站转换为手机兼容。 这里有一个我会说对苹果有用的：http://www.appypie.com/

但是当然你也可以尝试付费软件。