0

我正在尝试制作一个简单的网站。我想这样做，如果您的分辨率小于 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”中的内容，我该如何解决？谢谢！

4

0 回答 0