0

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

半相关,有没有办法在按钮上覆盖文本而不保存单独的图像,每个图像都有正确的文本?只是为按钮使用一个模板,然后根据需要决定上面的文本?

tl;dr:我正在尝试获得用于浏览我的网站的水平按钮排列,但我是一个菜鸟,如果没有你的慷慨帮助,我无法做到这一点。

4

1 回答 1

2

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

  • 那里有大量不同的移动浏览器(仅处理 Firefox、IE、Safair、Chrome 就很简单了)
  • 所有这些浏览器都对 HTML 有不同程度的支持。有些人的支持很差,他们会用表格做不同的事情。
  • 各种屏幕尺寸(尽管您可以假设它是 128、176、240、320 或 480 像素宽之一)
  • 难以测试您的应用在不同浏览器上的外观。
  • 对 java 脚本的不同支持(在 iPhone/Android/PalmPre 上很好,在 BlackBerry/Sybian60 设备上部分(和不一致),在几乎所有其他设备上都很差)

解决这些问题的常用方法是分析用户代理以识别移动浏览器类型及其功能。然后适当地渲染屏幕(例如,对于 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。

祝你好运!

于 2010-03-27T22:39:32.417 回答