Question

我添加了一个css代码来隐藏博客描述。但它不适用于移动版。请帮帮我......

.header .description {display：none; }

Answer 1

首先，仅从你的问题来看，并不是100％清楚你正在寻求实现的目标;但它确实与隐藏移动版本的网站内容有关。这里最清晰的CSS答案是使用媒体查询。您可以在任何地方阅读它，但作为演示，您还可以查看我为您编写的代码段

HTML

<!DOCTYPE html>
    <html>
    <head>
      <meta charset="utf-8">
      <title>Mobile first sample</title>
    </head>
    <body>
      Resize the window to see the blog description
      <div class="blog-description">
        You can only see me in Portrait Smartphones!
      </div>
    </body>
</html>

CSS

.blog-description {
  padding: 2em;
  background-color: yellow;
  display: none;
  text-align: center;
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
  .blog-description {
    display: block;
  }
}

有关媒体查询的更多参考：https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

我希望它有所帮助！

Answer 2

如果你不仅限于css，你可以使用的条件 b：如果cond ='data：blog.isMobile'

How to hide description from mobile version of blogger

如何使用css隐藏移动版博客的描述

2 个答案: