php - 画面解像度が 1000px 未満の場合は別のサイトを表示する

Question

予算がなく、CCS Media Queries を使用してレスポンシブ サイトを構築する余裕がないクライアントがいます。そのため、流動的で、画面解像度が特定の解像度未満の場合にリダイレクトされるミニ サイトを構築したいと考えています。

ベストプラクティスは何ですか?

敬具、ブラッド

Answer 1

window.screen を使用して、画面の解像度を取得できます。

window.screen ドキュメント

幅を確認し、それに応じてリダイレクトを行うことができます。

<script type="text/javascript">        
        if (window.screen.availablewidth < 1000)
        {
            window.location.href = "http://sizeForSmallRez";
        }
        else
        {
            window.location.href = "http://siteForLargeRez";
        }
</script>

フィドルの 例 を次に示します (この例では jquery を使用しています)

Answer 2

Twitter Bootstrapを使用します。特にゼロから始めているように聞こえるので、これが最善の策だと思います。

この CSS フレームワークを含めると、デスクトップ、タブレット、および電話で動作するレスポンシブ サイトを非常に迅速に設定できます。完璧ではありませんが、確実に速くて簡単です。

HTML タグにいくつかのクラスを追加するのと同じくらい簡単なライブ グリッド システムと、レスポンシブ デザインについてお読みください。

Answer 3

さて、私はいくつかの調査を行い、この本当に単純なコードの断片を見つけました！

if (window.screen.width < 1000) {
window.location = 'm.mysite.com';

}