简体繁体 English

自适应设计中的灯箱视觉显示错误

[英]Lightbox wrong visual display on responsive design

原文 2018-11-14 17:24:03 3 1 javascript/ css/ wordpress/ lightbox

I have a site with an image lightbox gallery. 我有一个带有图片灯箱画廊的网站。 Here's the url: https://blog.jazierkasimcak.sk/?galleries=filtracia-rozhanovce 这是网址： https ： //blog.jazierkasimcak.sk/？ galleries = filtracia- rozhanovce

When I open this site on mobile device (tablet etc.) after clicking the image, a modal goes wrong. 单击图像后，当我在移动设备（平板电脑等）上打开此网站时，模态出错。 The image exceeds the device's display and it looks terrible. 图像超出了设备的显示范围，看起来很糟糕。 I searched there's something wrong in CSS, but I found nothing in last three hours. 我搜索CSS中有问题，但是在最近三个小时内没有发现任何错误。 The width of image is more than 1000px, but the display width is only 320px. 图片的宽度大于1000像素，但显示宽度仅为320像素。 I really don't know why. 我真的不知道为什么

There are some widths and heights, probably calculated by javascript, but they are calculated wrong. 有一些宽度和高度，可能是由javascript计算得出的，但是它们计算错误。 The site is powered by WordPress and template UPLIFT with swift builder tool. 该网站由WordPress和具有快速生成器工具的模板UPLIFT驱动。

If anyone could help me, I would be thankful 如果有人能帮助我，我会很感激

1 个解决方案

after 4 hours I found an error. 4小时后，我发现了一个错误。 There was width of footer set to 1170px !important, so lightbox thought, that it has a place to display very big image. 页脚宽度设置为1170px！很重要，因此lightbox认为它可以显示很大的图像。 That was coded by another coder, not by me. 那是由另一个编码员编码的，而不是我编码的。