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

@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 на всю ширину окна браузера, но при этом сохранять его пропорции и не допускать растягивания изображения или содержимого вне разумных пределов.

@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.