Hide image on homepage

时间：2018-04-29 作者：Garrosh

我只想在我博客的主页上隐藏摘录上的图像，并且只有当屏幕分辨率低于480px时才隐藏。有可能做到这一点吗？

我知道我可以为宽度设置CSS属性，但我不知道如何只为我的主页指定，也许有一个功能？

@media only screen and (max-width : 320px) {
}
谢谢大家！

2 个回复
最合适的回答,由SO网友:kirillrocks 整理而成

使用默认WordPress.home 类（它是body_class() 默认情况下添加到body html标记）：

@media screen and (max-width : 320px) { 
    .home .your-featured-image {
        display: none;
     }
}

https://developer.wordpress.org/reference/functions/body_class/

SO网友:Manyang

您必须检查<body> 主页的home 班如果是，只需将此代码添加到样式。css

@media screen and (max-width : 320px) { 
    .home .your-image {
        display: none;
     }
}
如果没有，则必须编辑<body> 标签通常在header.php 你的主题。代替<body> 具有<body <?php body_class(); ?>> , 但如果你看到<body> 标记有一个额外的类，如<body class="something-class"> 用此代码替换正文标记<body <?php body_class( \'something-class\' ); ?>>

结束
标签： css   小码农  

相关推荐

如何在WordPress子主题中创建我自己的style.css文件

我正在研究一个叫做“下陷阱”的主题。我以儿童为主题。主题allready有自己的风格。css和函数。php。我想创造我自己的风格。css文件并覆盖该样式。他们包含的css。有什么建议吗？非常感谢你