Wie man JQuery colorbox richtig reagieren lässt

Question

Ich benutze colorbox und bootstrap für die Erstellung eines Popup-Formulars. Ich habe die Höhe und Breite in Prozent angegeben, während in kleinen mobilen Bildschirm geladen ist die Form sehr klein und unbrauchbar. Gibt es eine Möglichkeit, das Popup richtig zu reagieren.

Answer 1

Verwenden Medien Bildschirm und setzen width:90% oder was auch immer Sie für Bildschirme weniger als 768px

Answer 2

Angenommen, Sie so etwas wie die folgenden in Ihrem CSS haben:

#cboxContent { 
    width: 50%; 
    height: 50%; 
} 

Sie‘ Außerdem müssen Sie etwas wie folgt hinzufügen (mit den für Ihre Schnittstelle geeigneten Werten):

@media screen and (max-width: 800px) { 
    #cboxContent { 
    width: 90%; 
    height: 90%; 
    } 
} 

(ich tue etwas Ähnliches, aber stattdessen eine prozentuale Breite der Verwendung, habe ich die Ränder und dessen Wert zu einem niedrigen Betrag ändern, wenn der Bildschirm ist schmaler.)

und/oder Vielleicht möchten Sie eine min-width und min-height auf #cboxContent setzen.