Question

以前提交的问题没有答案。

我无法在移动设备上查看我网站的右侧。这是html和容器样式的基本编码。问题在于风格，但我无法弄明白。我尝试了几种选择，但没有运气。请帮忙。

      html, body {
      margin:0;
      padding:0;
      max-width: 100%;
      overflow-x: hidden;
      }

      #container {
      background-color: #000;
      height: 1054px;
      width: 1400px;
      margin-right: auto;
      margin-left: auto;
      margin-top: -20px;

      #header {
  background-image: url(images/header_wrapper.jpg);
  background-repeat: no-repeat;
  background-position: center;
  height: 200px;
  width: 1400px;
  float: left;
      }

      #content {
  background-image: url(images/main_wrapper.jpg);
  background-repeat: no-repeat;
  background-position: center;
  height: 690px;
  width: 1400px;
  float: left;
  overflow: auto;
      }

      #footer {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  color: #FF0;
  background-image: url(images/footer_wrapper.jpg);
  background-repeat: no-repeat;
  float: left;
  height: 64px;
  width: 1400px;
  background-position: center;
  text-align: center;
  padding-top: 100px;
      }

Answer 1

通过快速查看你的代码，我会说它必须用overflow-x：hidden做一些事情;或最大宽度：100％;您应用于顶部的HTML / Body标记。

我认为它会在某个地方继承，所以你的溢出：自动不会在移动设备上触发（因此切断了你的一半页面）。

如果可能的话，在开发者计算机上打开你的页面，并使用firefox / chrome dev工具将页面作为移动设备运行（这样你就可以检查css），然后禁用/启用，直到它实际显示它应该这样。

我无法在移动设备上查看我网站的右侧

1 个答案: