使用 css (WordPress) 隐藏 PHP 元素答案

【问题标题】：Hiding a PHP element using css (WordPress)使用 css (WordPress) 隐藏 PHP 元素
【发布时间】：2015-09-13 23:26:18
【问题描述】：

我正在为一个朋友开发一个网站，到目前为止一切顺利，但有一件小事我似乎无法弄清楚。我已经包含了 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>

由于某种原因，它仍然出现，希望你们能帮助我。提前致谢。

【问题讨论】：

【解决方案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; 这是错误的

【讨论】：