iPhone网站动画[关闭]答案

【问题标题】：iPhone site animations [closed]iPhone网站动画[关闭]
【发布时间】：2013-07-24 07:23:45
【问题描述】：

我从未让任何网站响应 iPhone。

我很好奇如何制作一个具有图形动画（类似于 Flash）的交叉兼容网站（iPhone、chrome 等）。当您无法使用 Flash 时，您应该使用哪些工具来制作图形动画？

【问题讨论】：

标签： iphone ios html mobile responsive-design

【解决方案1】：

如果您想要一个完整的交叉兼容网站，那么实现此目的的方法是使用 HTML、HTML5、javascript、CSS 构建一个 webapp。没有其他方法可以在所有设备上使用。忘记 Flash。

您需要做的是让服务器 API 对所有设备通用，但您呈现数据的方式是针对该设备的外形尺寸定制的。这种特殊的 UI 设计技术被称为 - Responsive Design。

基本上后端 API 仍然存在，从您的后端提供的数据也可能是相同的，但是从后端提供的 HTML 模板可能会根据发出请求的设备而改变，这可以从客户端的用户代理中计算出来，例如.对于 iphone，它是Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1A543a Safari/419.3。对于不同的客户端，您将有不同的用户代理。另外，您可以使用一个小的 javascript 将特定设备的屏幕尺寸发送回服务器。同样，这可以帮助您选择正确的模板来提供服务。注册。 HTML 模板，你可以有不同的模板集。像web、ios、android 等。有时也很难有太多的模板集（例如，我们不能为每个可用的 android 模型设置一个模板）。所以我们需要一些动态行为，即客户端上的特定 javascript UI 函数来尊重设备屏幕尺寸等。

这是一个太大太笼统的话题，无法在此充分解释。我提供了 wiki 链接以及所涉及的技术和术语。希望这对您的事业有所帮助...

【讨论】：

非常感谢。这是一个笼统的问题，因为我想就一个广泛的话题提出一般性建议。