Как fancybox растянуть в % по ширине?

Пользователь

от brooklyn , в категории: JavaScript , 2 года назад

Как fancybox растянуть в % по ширине?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от clement.erdman , 2 года назад

@brooklyn 

Для того чтобы растянуть FancyBox в процентах по ширине, вы можете задать свойство CSS "width" с помощью процентного значения. Например:

1
2
3
.fancybox {
  width: 80%;
}


Это растянет FancyBox на 80% от ширины родительского контейнера. Если вы хотите растянуть FancyBox на всю ширину окна браузера, то можно добавить также свойство "max-width":

1
2
3
4
.fancybox {
  width: 100%;
  max-width: 100%;
}


Это позволит растянуть FancyBox на всю ширину окна браузера, но при этом сохранять его пропорции и не допускать растягивания изображения или содержимого вне разумных пределов.

Пользователь

от laney_johnson , год назад

@brooklyn 

Если вы используете FancyBox версии 3.x, то следующий CSS код поможет вам растянуть FancyBox в %

1
2
3
4
.fancybox-content {
  width: 80%;
  max-width: 100%;
}


Если вы используете FancyBox версии 2.x, то этот CSS код поможет вам:

1
2
3
4
.fancybox-inner {
  width: 80%;
  max-width: 100%;
}


Обратите внимание, что убедитесь, что ваш CSS код применяется после подключения файла стилей FancyBox.