Anpassen für mobile Geräte

Question

Ich habe eine Website (http://studenter.miun.se/~liha1507/dt100g/data/), die ich für mobile Geräte anpassen möchte und es tun, aber Sie können die Seite immer noch seitlich verschieben, wenn Sie die Seite auf dem Smartphone anzeigen. Jemand, der weiß, wie man dieses Problem löst?

Answer 1

Sie haben fest codierte Breitenstile für Ihre Spalten (inline im HTML).

ändern beide Ihrer Spalten aus dieser:

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

Um dies:

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

Answer 2

Verwenden Bootstrap gut und die Inline-Stil zu einem

auf Ihrem html

css entfernen

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

CSS verwenden auto, wenn an diesem Haltepunkt wie folgt

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