simplelightbox icon indicating copy to clipboard operation
simplelightbox copied to clipboard

@media screen and zoom: 120%; causes issue

Open Meister1977 opened this issue 3 years ago • 1 comments

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%;
  }

Meister1977 avatar Oct 07 '21 19:10 Meister1977

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';

Meister1977 avatar Oct 07 '21 19:10 Meister1977

Sorry, but I will not make a fix for a css zoom, as this destroys many thinks.

andreknieriem avatar Mar 29 '23 06:03 andreknieriem