1

我已经学习了一些有关开发 iOS 应用程序的基础知识，并且很想了解更多信息。我最近遇到了网站在移动设备上的显示方式，并且很想知道是否有特定的设计模式/方法支持它。我尝试在移动设备上打开 walmart.com，它显示的网站与屏幕上的显示相同，但​​如果我打开 homedepot.com；我在移动设备上获得的视图是经过优化的视图。

这是如何运作的？如何为不同的设备（即桌面屏幕、ipad 或 iphone）获得相同/优化的显示？

4

2 回答 2

2

有几种方法：

  • 使用浏览器代理信息并为该客户端提供自定义文件（html、css、js 等）（通常不推荐）
  • 使用浏览器代理或屏幕宽度重定向到特定于移动设备的站点（很多站点都这样做；相对容易）
  • 做响应式设计，它本质上使用屏幕宽度和 css 来自定义网站的显示，这也有一个很好的副作用，可以响应桌面浏览器的窗口调整大小。但是这种方法比移动特定站点需要更多的工作。

上述任何方法通常都需要一些特定于移动设备的东西，例如元标记：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

这告诉移动浏览器将页面宽度设置为屏幕宽度，并防止缩放。

对于响应式设计，您可以使用320 及以上的 CSS 框架来提供帮助。它也是一个很好的参考，可以了解如何完成各种移动设备。

对于特定于移动设备的站点，jquery-mobile 之类的东西可以提供很大帮助。

于 2012-09-06T02:23:54.277 回答
1

您可以检测加载页面的浏览器类型并重定向到针对移动设备优化的 URL。您可能应该让移动用户可以访问该网站的移动优化版和完整版（请参阅：www.progressive.com）。

谷歌诸如“iphone优化网站教程”之类的东西来学习如何。

于 2012-09-06T02:22:57.703 回答