Media Query und Bootstrap Übergang nicht flüssig.

html.de-Forum HTML, XHTML & CSS
1

Ich möchte ein Responsive Design erstellen und nutze Bootstrap und Media Querys für die Übergänge.

Nr der Übergang ist nicht korrekt es gibt ein 5 px Breiter Darstellungsfehler i dem die Div Boxen falsch dargestellt werden:

Ich nutze:
@media screen and (min-width:481px) and (max-width: 750px) {
und:
@media screen and (min-width: 750px) {

Zwischen 750 und 760 wird der Screen falsch dargestellt.
Sowie Bootrap:
col-sm- und col-md-

Kann man sagen woran dass liegt ohne ein Blick in die Glaskugel?

Habs die größen müssen passen 992

2

Hallo

Nur noch ein Hinweis:

Konstruktionen wie

@media screen and (min-width:481px) and (max-width: 750px)

sollten vermieden werden, weil die in der Praxis immer wieder zu Problemen führen. Also min-width und max-width innerhalb eines media screen.

Bewährt hat sich entweder nur min-width (mobile first) oder max-width (desktop first) innerhalb eines media screen zu verwenden und die dann halt aufeinander aufzubauen.

Gruss

MrMurphy

3

Und warum ist das Thema im JavaScript-Forum gelandet? Doch etwa nicht wegen dem „Media Query“, das sich auch in „jQuery“ wiederfindet?

Wie auch immer…, Thema im Abgang entsprechend verschoben.