0

私は最初のWebサイトを作成しており、低解像度（モバイル）ブラウザーで正しくレンダリングされるように可変サイズのボタンを作成しようとしています。現在、私は通常のロールオーバー画像ソリューション（幅185ピクセル、高さ37ピクセル）を使用していますが、サイトを低解像度でプレビューすると、予想通り、完全ながらくたのように見えます（具体的には、スペースがないため、水平方向ではなく垂直方向に配置し、大量の画面領域を占有します）。

半関連性がありますが、それぞれが正しいテキストである個別の画像を保存せずに、ボタンにテキストをオーバーレイする方法はありますか？ボタンに単一のテンプレートを使用し、必要に応じてどのテキストをその上に配置するかを決定するだけですか？

tl; dr：自分のウェブサイトをナビゲートするためのボタンを横に並べようとしていますが、私は初心者であり、あなたの寛大な支援なしにはそれを正しく行うことはできません。

4

1 に答える 1

2

あなたは最初の Web サイトで難しい問題を取り上げています。発生するいくつかの問題:

  • 膨大な数のモバイル ブラウザーが存在します (Firefox、IE、Safair、Chrome だけを扱うのは簡単です)。
  • これらのブラウザはすべて、さまざまなレベルの HTML をサポートしています。サポートが不十分なものもあり、Tables で別のことを行うでしょう。
  • さまざまな画面サイズ (幅 128、176、240、320、または 480 ピクセルのいずれかであると想定できますが)
  • アプリがさまざまなブラウザーでどのように表示されるかをテストするのが難しい。
  • Java スクリプトのさまざまなサポート (iPhone/Android/PalmPre では有効、BlackBerry/Sybian60 デバイスでは部分的 (かつ一貫性がない)、その他のほとんどすべてでは不十分)

これらの問題に対する通常のアプローチは、ユーザー エージェントを分析して、モバイル ブラウザーの種類とその機能を特定することです。次に、画面を適切にレンダリングします (たとえば、128/176 ピクセルの幅の画面の場合は、小さなボタンを使用します)。これを行う方法に関するツールについては、http://wurfl.sourceforge.net/ または http://deviceatlas.com/ を参照してください。http://mobiforge.com/forum/Developingで役立つ情報を見つけることもできます。http://ready.mobi/launch.jsp?locale=en_ENは、モバイル Web サイトの優れたオンライン分析ツールです (ただし、100% のスコアを取得しようとすることに夢中にならないでください)。

静的 HTML を開発しているだけの場合は、さらに制限があります。Apache でユーザー エージェント ベースの URL 書き換えを使用して、異なるバージョンの HTML にリダイレクトできます。

幸運を！

于 2010-03-27T22:39:32.417 に答える