需要帮助使排按钮一致

Question

我正在做我的第一个网站，我试图做出可变大小的按钮，以便他们将在低分辨率（阅读：移动）浏览器上正确呈现。目前，我只有通常的翻转图像解决方案（如果有人关心，185像素宽37像素），但是当我以低分辨率预览网站时，它看起来足够可预测，就像完全废话（更具体地说，他们没有空间，所以他们垂直排列而不是水平排列并占用大量屏幕空间）。

半相关，有没有一种方法覆盖按钮上的文本，而不保存单独的图像，每个都有正确的文本？只需使用单个模板按钮，然后根据需要决定使用哪些文本？博士：我试图获得用于浏览我的网站的按钮的水平阵容，但我是一个noob，如果没有您的慷慨帮助，我无法做到这一点。

Answer 1

您正在为您的第一个网站挑选一个棘手的问题。有些问题你会遇到：

• 有不同的移动浏览器在那里（使处理的只是火狐，IE，萨法航空，铬平凡）
• 所有这些浏览器有不同的支持水平为广大HTML。有些人的支持很差，他们会用表做不同的事情。
• 各种屏幕尺寸（尽管您可以假设它将是128,176,240,320或480像素宽）
• 难以测试您的应用在不同浏览器上的外观。
• 变了Java脚本的支持（在BlackBerry/Sybian60设备好于iPhone /安卓/ PalmPre的，局部的（和不一致），差在几乎一切）

一个常用的方法对这些问题的分析用户代理识别移动浏览器类型及其功能。然后适当渲染屏幕（例如，对于128/176px宽的屏幕，使用小按钮）。查看http://wurfl.sourceforge.net/或http://deviceatlas.com/了解如何执行此操作的工具。您也可以在http://mobiforge.com/forum/Developing找到一些有用的信息。并且http://ready.mobi/launch.jsp?locale=en_EN是您的移动网站的一个很好的在线分析工具（但不要被试图获得100％的分数）。

如果您只是开发静态HTML，那么事情会受到更多的限制。您可以在apache上使用基于用户代理的URL重写来重定向到不同版本的HTML。

祝你好运！