4

この質問は、自分のWebサイトをモバイルブラウザで動作させるために知っておくべきことを基にしています。これは2009年にいくつかの古いWebサイトと特定のMicrosoftのものとともに投稿されました

私は主にDjangoでWebアプリを作成していますが、Android /iPhone/その他のモバイルデバイスではうまく機能しないようです。

django-mobile（ https://github.com/gregmuellegger/django-mobile）のように、デバイスのフレーバーに応じてさまざまなサイトを作成できるアプリがいくつかあります。問題は、Android、iPhone、PCで使用する場合、ほぼ3つのWebサイトを作成する必要があることです。

2006年からいくつかのW3Cの推奨事項（http://www.w3.org/TR/2006/CR-mobile-bp-20060627/）がありますが、6年間でインターネットとデバイスが完全に異なったため、廃止されたと思います。

それに関する貢献はありますか？

4

1 に答える 1

4

私の知る限り（間違っている場合は訂正してください）、DjangoはPythonフレームワークであるため、サーバー側で実行されます。それは電話で実行されているものには影響しないはずです。すべてのスマートフォンは、HTML/CSSおよびJavaScript/jQueryを実行できるようになります。

このような小さな画面でページがどのように表示されるかについて話している場合は、いくつかのオプションがあります。

  1. デバイスの画面サイズに適応するレスポンシブデザインを用意します。Bootstrapをご覧ください。
  2. 別のモバイルサイトと、モバイル/タブレットデバイスを検出し、のようなサブドメインで実行されているモバイルサイトに転送するものを用意しmobile.mysite.comます。
  3. レスポンシブサイトがなく、viewportメタタグを使用します。

  4. もう1つのオプションは、cssメディアクエリを使用することです。これにより、次のように画面またはブラウザのサイズに応じて条件付きcssを設定できます。

    @media only screen 
and (min-width : 325px) 
and (max-width : 500px) {
/*CONDITION CSS*/
}

メディアクエリの良いところは、理論的には、デバイスのランドスケープモードとポートレートモードの両方に特定のcssを指定する数百のデバイスのメディアクエリを作成できることです。

これは、ロムニー対オバマのキャンペーンと、各当事者がモバイルサイトを異なる方法で開発することをどのように選択したかについての非常に興味深い記事です。

于 2012-08-30T12:38:36.933 に答える