我只想在我博客的主页上隐藏摘录上的图像，并且只有当屏幕分辨率低于480px时才隐藏。有可能做到这一点吗？
我知道我可以为宽度设置CSS属性，但我不知道如何只为我的主页指定，也许有一个功能？
@media only screen and (max-width : 320px) {
}
Hide image on homepage
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\' ); ?>>结束