Código para hacer responsive lightbox?

[NaRanJiTo78]

Hola!

Tengo en una web un link que al pulsarlo se abre un lightbox (lightbox evolution).

Pero en dispositivos móviles, al tener un size & height fijo para que se abra en modo desktop, se abre con esa configuración.

Código HTML:

<figcaption class="capt"><a href="web/mi-carpeta/index.php" data-options='{"iframe": true, "width":1100, "height":600}' class="lightbox" style="color:#FFF;">Abrir Lightbox</a></figcaption>
			</figure> 

Código:

jQuery(document).ready(function($){
 $('.lightbox').lightbox();
});

Hay algún modo para poner un código y cambiar dichos valores para tablets y móviles?

Muchas gracias!

[Alexis88]

Eso sucede porque usas medidas absolutas y no relativas que son las que se amoldan a la resolución del dispositivo. Juega con los valores pero usando medidas relativas (rem, em, %) o utiliza alguno de los plugins existentes para generar ventanas modales adaptables.

Acá te dejo dos:

fancyBox
Magnific Popup

Saludos