php - 使用 css (WordPress) 隐藏 PHP 元素

Question

我正在为一个 friend 开发一个网站，到目前为止一切顺利，但有一件小事我似乎无法弄清楚。我已经包含了 SmartSlider 2，我想在移动设备上隐藏它。但由于 SS2 本身不支持这一点，我尝试通过编辑代码来实现。长话短说，它不会起作用。

我试过在文件本身 (header.php) 中包含 CSS:

<div class="slider" style="@media(max-width:1120px;){.slider {display:none;}}">
<?php echo do_shortcode('[smartslider2 slider="2"]'); ?>
</div>

不知为何，还是出现了，希望大家帮帮我。提前致谢。

Answer 1

它不会像您尝试的那样工作。

你必须把它放在自定义的 css 中

@media screen and (max-width: 1120px) {
    .slider {
        display:none;
    }
}

并从这里移除

<div class="slider">
    <?php echo do_shortcode('[smartslider2 slider="2"]'); ?>
</div>

在媒体查询 CSS 中你有 ; 这里 @media(max-width:1120px; 这是错误的

Fiddle