我正在创建我的第一个网站，我正在尝试制作可变大小的按钮，以便它们能够在低分辨率（读取：移动）浏览器上正确呈现。目前我只有通常的翻转图像解决方案（如果有人关心的话，宽度为185像素，高37英寸），但是当我以低分辨率预览网站时，它看起来很可取，就像完全废话一样（更具体地说，它们没有空间，所以他们垂直排列而不是水平排列，占用大量的屏幕空间。）
半相关，有没有办法在按钮上叠加文字而不保存单独的图像，每个图像都有正确的文字？只需将一个模板用于按钮，然后根据需要决定哪些文本会发生？
tl;博士：我正试图获得一个横向排列的按钮来导航我的网站，但我是一个菜鸟，如果没有你的慷慨帮助，我无法做到这一点。
答案 0 :(得分：2)
你为第一个网站挑选了一个棘手的问题。您将遇到的一些问题：
解决这些问题的常用方法是分析用户代理以识别移动浏览器类型及其功能。然后适当地渲染屏幕（例如，对于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的不同版本。
祝你好运！