0

モバイル アプリケーションで動的に生成された HTML ページを表示したいと考えています。この HTML ファイルは固定構造になっています。フォーム、画像、ボタンを含めます。ただし、ios や android などのさまざまなモバイル プラットフォームに関しては. また、サムソンや他の会社のアンドロイドのような別の携帯電話もあります。表示結果が異なります。それらのいくつかは非常に悪いです。このシステムを使用している会社は多数あるため、この問題は Android システムにとってより深刻です。

今のところ、ユーザーがアプリケーションを使用するときに、アプリケーションがユーザーが使用する携帯電話モデルでリクエストを送信する方法を使用しています。サーバー側は、その電話に適した HTML テンプレートを選択します。つまり、電話ごとに HTML テンプレートを作成する必要があります。最近の電話モデルの増加を考えてみてください。それは賢明な考えではないと思います。

誰かがこの問題を解決するための解決策を考え出すのを手伝ってくれることを願っています. ユーザーの携帯電話モデルに基づいて HTML テンプレートを動的に生成するソリューション、または HTML を作成する普遍的な方法のいずれかが、すべてのモバイル ディスプレイに適合します。

ありがとうございました！

4

3 に答える 3

1

問題を正しく理解している場合は、Twitter Bootstrap を使用して HTML ページを設計することを強くお勧めします。これは非常に使いやすく、画面に合わせてサイズが変更される Web ページをデザインできます。twitter ブートストラップで定義されているレスポンシブ CSS は、すべての画面サイズを処理し、html コードのルック アンド フィールを妨げたり歪めたりすることなく、画面サイズに応じてオンザフライで html ページをレンダリングします。

ここからソースを入手して、それに関するすべてを学ぶことができますhttp://twitter.github.com/bootstrap/

これはtwitterのブートストラップを使って作ったデモページです。ブラウザ ウィンドウで開いてみてから、ウィンドウのサイズを変更して、ページ コンテンツがどのように再配置されるかを確認できます。

http://brocknunn.com/bootstrap-untame/

また、以下は、Twitter Bootstrap を使いこなすのに役立ついくつかのチュートリアルです。

http://untame.net/2012/07/twitter-bootstrap-part-1-what-is-bootstrap-anyway/

http://untame.net/2012/07/twitter-bootstrap-part-2-design-a-responsive-homepage/

カスタム HTML ページがある Android アプリの 1 つにこれを使用しました。多くの労力と時間を節約できました。HTMLページで物事をどのように配置する必要があるかを学ぶのに数時間を費やすだけで、すべて準備が整いました. これが手作業を大幅に減らし、多くの時間を節約するのに役立つことを願っています。

それが役に立てば幸い。

于 2012-11-01T21:54:53.347 に答える
0

電話のギャップを見てみることを強くお勧めします（http://phonegap.com/）

また、すべての解像度（デスクトップとラップトップを含む）で互換性を保つために、CSSでパーセンテージを使用する必要があります

これが私のサイトのように見えるので、解像度をそれに一致させることができる時代は終わりました!!

また、モバイル（すべての画像を小さくしたもの）とフルサイズの画像を備えたデスクトップの2種類のサイトを提供することも検討してください。

于 2012-11-01T21:44:19.637 に答える
0

相対的なサイズで物事をスケーリングするようにデザインを調整してみてください。Android には、さまざまなデバイス用にアプリケーションのサイズを調整する手法があります。同じようにして、さまざまなデバイス用の汎用サイト テンプレートを作成する必要があります。

たとえば、パーセンテージを操作し、画面サイズが 5 インチを超えるデバイスには別のテンプレートを提供します。

于 2012-11-01T21:39:07.680 に答える