根据屏幕分辨率更改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”中的内容，我该如何修复它？ 谢谢！