Bildlaufleiste im Raster

Question

Ich habe Raster mit der Größe 300px, wenn Datensatz mehr als 10 dann vertikale Bildlaufleiste angezeigt wird, ist es in Ordnung, aber gleichzeitig horizontale Bildlaufleiste auch angezeigt, die ich nicht anzeigen möchte. meine CSS-Klasse für vertikale

 .vstyle { 
      overflow-y:auto 
     } 

, wenn ich tun

.hstyle{ 
    overflow-x:none 
    } 

dann horizontale Bildlaufleiste nicht angezeigt wird, aber wenn Browser minimieren dann horizontale Scroll-Anzeige nicht, weil von CSS, aber ich muss angezeigt werden horizontale Bildlaufleiste, wenn der Browser einen Vorschlag auf diese Weise minimiert, hilfreich ist.

Answer 1

Scheint, dass Sie eine CSS@media Regel für kleinere Geräte hinzufügen müssen oder wenn die Breite Ihres Bildschirms kleiner wird. Um dies zu tun, können Sie den folgenden Code CSS verwenden.

@media screen and (max-width: 480px) { 
    .hstyle{ 
     overflow-x: auto !important; 
    } 
} 

justieren Sie einfach den max-width Teil zu, was Breite Sie es brauchen wieder Scrollen zu starten. Hoffe das hilft.