Question

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

除了我买了一个主题，并上传了一张图片/徽标，并且该图片显示不正确，我不知道还提供了哪些其他信息。我试着写信给creater，但他们说这可能与设置有关。现在我只是陷入了死胡同，尽我所能。任何建议表示赞赏。

并且，在你开始给我糟糕的投票之前没有任何建设性的citicsm，请告诉你需要什么其他信息，所以我可以在下一次做得更好。我已阅读规则，并试图遵循它们。感谢

Answer 1

添加身高：366像素;

@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;}

这将解决您的手机/平板电脑问题，但上述代码会破坏笔记本电脑/台式机的标题，因此您还需要添加以下媒体查询：

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

需要关于css

2 个答案: