如何做一个简单的网站正确地呈现在多个移动浏览器？

Question

我们有一个相当简单的网站(最小的JS)与普通html和CSS。这是一个简单的移动接口，为我们的主要应用程序。

我们遇到麻烦，因为我们有超过一列和几个浏览器似乎力单列。

通过一些搜索我遇到2元的标签。

<meta name="MobileOptimized" content="220" />
<meta name="viewport" content="width=320" />

与这些我们有一个很好的'缩认为即移动和iPhone。我们还没有遇到任何问题的棕的外套。但是，黑莓手机是另一回事。

没有黑莓有一个简单的方法来控制的图浏览器？通过简单的我的意思是不让一个特殊的网页，用于该设备。

Answer 1

我不打算制作一个“媒体”。 iPhone等版本，iPhone用户可以轻松地查看您的真实网页。拥有完整版和单列版，您将以最少的工作量吸引最多的受众。

要回答你的问题，除了1列视图之外，没有什么好方法可以让Blackberry做任何事情。你可以让它看起来相当专业，因为CSS和简单的javascript仍然适用，但你将不得不失去很多你的水平房地产。

Answer 2

我的建议是建立两个或三个版本的网站：

• 完全成熟的网站现代化桌面浏览器(如果它是一个非常重应用程序)
• 网站以最小的JS和CSS良好的移动浏览器和桌面浏览器(IPhone和天火来的心灵)
• 现场没有JS，单列和大多只是普通的文本。

其原因是，编码为3-4桌面浏览器是很困难的。不要自杀了另一个百设备码，并创建一个简单的网页，只需提出了信息。

记住基本的设计原理网发展：用户不在乎。他们想要的信息，或功能。它看起来好多了你，如果你有一个简单、清楚的布局不良移动浏览器(即或黑莓)，然后试着破解的东西，最终成为一个可维护性的噩梦和潜在让你看起来糟糕，如果有人使用的又一个的移动浏览器且你没有写的话-特定网站。

Answer 3

BlackBerry（来自OS 4.6及更高版本）同时支持meta-viewport标记以及meta-HandheldFriendly标记。请参阅“内容设计指南” http://na.blackberry.com上的文件/ eng / support / docs / subcategories /？userType = 21＆amp; category = BlackBerry + Browser 了解详情。