10

モバイル、タブレット、またはデスクトップで画面を調整したときに、既存の Web サイトを自動的に調整したいと考えています。

それができない場合、それが難しすぎる場合、どのような提案がありますか?? 私は基本的に、同じ URL を使用する ipad と iphone (android) のバージョンが必要で、モバイル ブラウザーが検出されたときに自動ダイレクトします。

どうもありがとう

4

3 に答える 3

12

レスポンシブ Web デザインをお探しの方！MediaQueries から始めますhttp://mediaqueri.es/

理解を深めるためにこちらもご覧ください

http://www.slideshare.net/zomigi/building-responsive-layouts-15508821

于 2013-01-28T16:57:09.303 に答える
8

他の回答者の回答に加えて、モバイル サイトには 2 つの基本的なオプションがあります。

デスクトップ サイトとモバイル サイトを区別することも、すべてのデバイスで動作する単一のレスポンシブ サイトを作成することもできます。

最初のオプションでは、サイトのモバイル専用バージョンをホストする完全に別の URL にモバイル ユーザーをリダイレクトできます。これを行うには、http://detectmobilebrowsers.mobi/などでリダイレクトを管理できます。または、.htaccess ファイルを使用したリダイレクトにはさまざまなバリエーションがあります。

Jquery Mobileは、その後モバイル専用サイトを開発するための非常に優れた方法の 1 つです。

このアプローチには、軽量のモバイル専用バージョンのサイトを簡単に開発できるという利点があります。欠点の 1 つは、デスクトップとモバイルの 2 つの Web サイトを維持する必要があることです。

もう 1 つのオプションは、他の人が提案したレスポンシブ アプローチです。ここでは、基本的に、訪問者のブラウザのウィンドウ サイズに応じて再構成される 1 つのサイトがあります。BootstrapとFoundationは 2 つの優れたオプションであり、他にもたくさんあります。

レスポンシブ サイトは、ウィンドウ サイズを調べるためにメディア クエリに依存しています。これは、最新のブラウザでは十分にサポートされていますが、古いブラウザでは問題が発生する可能性があるため、回避する必要があります。レスポンシブ サイトの利点のいくつかは、サイトを 1 つだけ維持することです。理論的には、すべての画面サイズとウィンドウ サイズで機能するため、画面サイズが異なる次のモバイル デバイスがリリースされたときに問題が発生することはありません。

幸運を祈ります。Web デザインを行うのは興味深い時期です。

于 2013-01-28T23:43:02.667 に答える
2

レスポンシブ デザインを検討する必要があります。すぐに始められる無料のオープン ソース フレームワークが数多くあります。おそらく最も人気があるのは、ブートストラップとファンデーションです。

于 2013-01-28T16:51:05.360 に答える