需要幫助使排按鈕一致

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。

祝你好運！