simplelightbox
simplelightbox copied to clipboard
@media screen and zoom: 120%; causes issue
Hi,
I am trying to add a webpage where we dynamically resize the full content if the screen is big with the code bellow. It causes that the images don't appear in the good position. Do you have any idea how to solve this?
@media screen and (min-width: 1200px) {
body {
zoom: 120%;
}
I may add this "zoom" thing here:
let zoom = (( window.outerWidth - 10 ) / window.innerWidth)
_this5.domNodes.image.style.top = (window.innerHeight - imageHeight * zoom) / 2 + 'px';
_this5.domNodes.image.style.left = (window.innerWidth - imageWidth * zoom - _this5.globalScrollbarWidth) / 2 + 'px';
Sorry, but I will not make a fix for a css zoom, as this destroys many thinks.