android - 为什么在平板电脑上将网站的导航和顶部推到右侧？

如您所见，平板电脑顶部的背景和导航被推到左侧。可能是什么问题呢？

CSS:

#header {
  background: #FFF;
  height: 69px;
  overflow: visible;
  border-bottom: 1px solid #ccc;
  padding-top: 29px;
  -webkit-box-shadow: rgba(0,0,0,0.2) 0 0 8px;
  -moz-box-shadow: rgba(0,0,0,0.2) 0 0 8px;
  box-shadow: rgba(0,0,0,0.2) 0 0 8px;
  z-index: 9999;
}

.section-gray {
  background: #f7f7f7;
  padding: 20px 0;
  position: relative;
}

META:

<meta name="viewport" content="width=device-width">

现场直播:http://www.m2comm-semi.com/

最佳答案

您应该为较小的设备改进样式，但是要解决此问题，可以在样式中添加样式。

#signage .container > img {
    margin: 20px 0 0;
    // Add max-width
    max-width: 100%;
}

@media screen and (max-width: 960px) {
  .container {
    width: 100%;
  }

  #header
  {
    height:auto;
  }
}