問題タブ [mobile-website]

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

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

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

モバイルアクセス用のWebサイトを設計していますが、ページの幅、高さ、ボタンのサイズを設定して、画面全体に表示されるようにします。たとえば、ユーザーがHTC HDを使用している場合、画面全体は480x800で、ボタンのサイズは240x200になります。ただし、IE mobileとOperaは、ある程度のズームレベルでページをロードするため、ボタンの表示が大きすぎるか小さすぎます。JavaScriptで現在のズームレベルを読み取るか、JavaScriptから設定するにはどうすればよいですか？

http サーバーにいくつかの pdf ファイルがあります。

お気に入り：

http://domain.com/files/file1.pdf

http://domain.com/files/file1.pdf

http://domain.com/files/file1.pdf

java meを使用してこれらのファイルをモバイルアプリケーションに表示する必要があります。

でGoogle Docs Viewerを開いて表示してみましたplatformRequest。ただし、Google Docs Viewer はajaxを使用しているようで、多くのモバイル ブラウザーは ajax をサポートしていません。

モバイルデバイス用の「Google Docs Viewer」の代替手段はありますか? または、この問題に対するより良い解決策はありますか?

PHPで開発されたサイトがあります。それはうまくいっています。スライド ショーやメニューなど、あらゆる状況で JQuery を使用してきました。

このサイトには大きなサイズの画像がたくさん含まれています。このため、携帯電話で表示する場合、ユーザーはたくさんスクロールする必要があります。

サイトにアクセスしようとしているクライアント (ブラウザ) が携帯電話なのか、通常の PC なのかをどのように認識できますか。

そのような状況でサイトを構築する標準的な方法はありますか?

ティア

私はこの問題について完全に混乱しています。テーブルを使用すると言う人もいれば、テーブルを使用するのは悪い習慣であり、むしろ div タグを使用する必要があると言う人もいます。モバイル デバイス .mobi 向けのサイトを開発するときの正しい方法は何ですか

ラベルと入力フィールドで構成される非常に単純な Web フォームがありますが、ページの中央にフォームを配置し、ラベルの横にきれいに表示されるようにラベルを等幅にする方法を見つけることができないようです。お互いに、お互いの下に。私のページの構造は基本的に次のとおりです。

通常float:left、ラベル フィールドで実行し、ラベルの幅を設定することでこれを修正しますが、このためには、ラベルと入力フィールドをページの中央に配置する必要があります。また、ページはさまざまな画面サイズのモバイル デバイスに表示されるため、ページ (または div を含むもの) の幅を設定することはできません。

フォームの最適なスタイルに関する提案はありますか? ありがとう

私は既存の Web サイトを持っており、より適切なモバイル バージョンを作成したいと考えています。たとえば、メインのサイトではドロップダウン メニューが使用されていますが、モバイル デバイスではこれがまったく機能しないことは誰もが知っています。

モバイル ブラウザからのリクエストを検出した場合、モバイル バージョン (現在のサイトのサブドメインになります) にリダイレクトしたいと考えています。そのため、Google で何かを検索して私のサイトにアクセスすると、自動的にモバイル バージョンが表示されます (Wikipedia と同じように)。

ASP.NET はこれを行う簡単な方法を提供していますか? そうでない場合は、どうすればよいですか？

私は、人気のある Web サイトの大部分が、機能的には完全であるがかなり制限されたハードウェアで実行されているブラウザーを「モバイル」ブラウザーとして検出するための賢明な方法を見つけるように求められました。これは、最も重い人気のある Web サイトにはモバイル バージョンがあり、レンダリングがはるかに高速で、画面にうまく収まるように思われるというものです。

私は逆の質問を見てきました. これは、一般的なモバイルおよびデスクトップ ブラウザのさまざまな User-Agent 文字列を調べることで裏付けられています。

iPad/iPhone 用の Safari と Windows/Mac 用の Safari の主な目に見える違いは、これが文字列のどこかに "Mobile" を追加することです。誰かがより良いアイデアを持っていますか?

比較的小さなウェブサイトのモバイル フレンドリー バージョンを作成したい場合、別のマークアップとスタイリングを使用して完全に新しい URL にリダイレクトするサブ ドメインを作成する方がよいでしょうか。それとも、コードでユーザー エージェントを検出し、プログラムで変更する方がよいでしょうか。別のモバイルフレンドリーなスタイルシートへの変更、または私が見落としているより優れたインフラストラクチャベースのソリューションです..

ありがとう。

以下のコードを使用して、モバイルフレンドリーなWebページを作成しようとしています。HTCの要望でそれを表示するときは、正しいサイズを表示するためにズームインする必要があります。ズームインせずに正常に表示するにはどうすればよいですか？