针对移动设备进行自定义

Question

我有一个网站(http://studenter.miun.se/~liha1507/dt100g/data/(，我想为移动设备自定义它，但它确实如此，但是当您在智能手机上查看页面时，您仍然可以横向移动网站。知道如何解决这个问题的人？

Answer 1

您的列上有一些硬编码的宽度样式(在 HTML 中内联(。

从下面更改您的两列：

<div class="col-md-6" style="width:815px;">

对此：

<div class="col-md-6">

Answer 2

很好地使用引导程序并将内联样式删除到 css

在您的 HTML 上

<div id="my-div-1" class="col-md-6"></div>
<div id="my-div-2" class="col-md-6"></div>

CSS 在这样的断点处使用 auto

  #my-div-1 {
    width: 815px;
  }
  #my-div-1 {
    width: 335px;
  }
  @media (max-width: 992px) /* Check what the width is for the breakpoint */
     #my-div-1,  #my-div-2 {
         width: auto;     
     }
  }