在 css 上需要帮助

Question

我有一个应用到我的 wordpress 网站的主题。当一个人在大屏幕（我认为大于 1200 像素）上进入网站时，它看起来一切都很好。主题应该是响应式的。但是当您在平板电脑或手机上输入网站时 phone，徽标图像无法正确显示。您无需在平板电脑或 phone 上访问网站，只需在浏览器中缩小 window 即可。我认为它与 css 有关？我需要专家意见。感谢您提供的任何帮助。

除了我已经购买了一个主题并上传了一个 image/logo，我不知道还能提供什么其他信息，但该图像无法正常显示。我试着写信给创作者，但他们说这可能与设置有关。现在我只是运行走进了死胡同，尽我所能。任何建议表示赞赏。

而且，在你开始给我没有任何建设性批评的坏票之前，请告诉我你还需要什么其他信息，这样我下次可以做得更好。我已经阅读了规则，并试图遵守它们。谢谢

Answer 1

添加高度：366px;

@media (min-width: 768px) {
  .container {
    width: 750px;
    height: 366px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
    height: 366px;
  }
}

简而言之，使用媒体查询向 div 框添加高度

Answer 2

假设您可以访问您的编辑器，您将需要进入您的 style.css 并添加：

header {background-size:contain;}
header .container {min-height:240px;}

这将解决您的 mobile/tablet 问题，但是上面的代码会破坏 laptop/desktop 上的 header 因此您还需要添加以下媒体查询：

@media (min-width:768px) {
   header {background-size:initial;}
}

在 css 上需要帮助

Need help on css

wordpress

wordpress-theming