[ERLEDIGT] Media Query und Bootstrap Übergang nicht flüssig.

[Darknet]

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

 

[MrMurphy]

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

 

[SpiceLab]

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-

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.