Как сделать попап адаптивным (fancybox)?

Question

[Stone-Studio]

Как сделать так, чтобы картинка сохраняла пропорции на маленьких экранах?
Fancybox.

Answer 1

[MassTek]

Опции Fancybox
fancyapps.com/fancybox/#docs

autoSize	If true, then sets both autoHeight and autoWidth to true	
Boolean; Default value: true
autoHeight	If set to true, for 'inline', 'ajax' and 'html' type content width is auto determined. If no dimensions set this may give unexpected results	
Boolean; Default value: false
autoWidth	If set to true, for 'inline', 'ajax' and 'html' type content height is auto determined. If no dimensions set this may give unexpected results	
Boolean; Default value: false
autoResize	If set to true, the content will be resized after window resize event	
Boolean; Default value: !isTouch

Answer 2

[drtvader]

width: 100%
height: auto;

Answer 3

[Stone-Studio]

Спасибо! Почти помогло.. Как это поправить? :)

Comments

[MassTek]

попробуйте добавить fitToView: true, autoResize: true, autoCenter: true, autoSize:true

[MassTek]

Киньте весь код запуска Fancybox

[Stone-Studio]

MassTek: Спасибо! Помогло :)