php - 画面の解像度に応じて PHP のコンテンツを変更しますか?

Question

シンプルなサイトを作ってみました。解像度が 481 より小さい場合は X が表示され、解像度が大きい場合は Y が表示されるようにしたいと思います。次のことを試しました:(スタイルで)

                @media screen and (min-width:482px)
            {
            p.troll { display: block; }
            p.troll2 { display: none; }
            }

            media screen and (max-width:482px)
            {
            p.troll { display: none; }
            p.troll2 { display: block; }
            }

およびphpページ自体に次のように記述します。

                <p class="troll" >

                <?php bones_main_nav(); // Adjust using Menus in Wordpress Admin ?>

                <?php
                if (current_user_can('level_10')) : ?>

                <div class="adminstuff">
                <a href="/dynmap"></a>
                </div>
                <br />
                <br />
                <?php endif; ?>
                <?php dynamic_sidebar( 'sidebar1' ); ?>
            </p>

            <p class="troll2">
            i'm on my mobile
            </p>

それでも、解像度の低いデバイスで「troll」と「troll2」の両方のコンテンツが表示されます。どうすれば修正できますか? ありがとう！