モバイルデバイス用にカスタマイズする

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

使用だけでなくブートストラップし、HTML

のCSS

にインラインスタイルを削除します

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