在Wordpress上定义视口时，页脚混乱

Question

尝试使我们的wordpress主题具有响应性，首先添加

<meta name="viewport" content="width=device-width, initial-scale=1" />

在页眉的head标签中，并且对页脚具有此效果...

有什么办法解决这个问题吗？预先谢谢你

Answer 1

您不能使站点具有添加视口的功能。

尝试使用媒体查询：

https://www.w3schools.com/css/css_rwd_mediaqueries.asp

然后您可以使用引导程序之类的框架：

https://getbootstrap.com/

您现在可以将此代码添加到其他CSS

@media only screen and (max-width: 768px) {
#footer {
  float: left;
  background: url(images/footer.jpg) 50% 0;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
}
#footer p {
  float: left;
  width: 100%;
  margin: 40px 0 0 0;
  text-align: center;
  color: #b5b5b5;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 12px;
  line-height: 18px;
}
}