繁体   English   中英

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

Lightbox wrong visual display on responsive design

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我有一个带有图片灯箱画廊的网站。 这是网址: https//blog.jazierkasimcak.sk/? galleries = filtracia- rozhanovce

单击图像后,当我在移动设备(平板电脑等)上打开此网站时,模态出错。 图像超出了设备的显示范围,看起来很糟糕。 我搜索CSS中有问题,但是在最近三个小时内没有发现任何错误。 图片的宽度大于1000像素,但显示宽度仅为320像素。 我真的不知道为什么

有一些宽度和高度,可能是由javascript计算得出的,但是它们计算错误。 该网站由WordPress和具有快速生成器工具的模板UPLIFT驱动。

如果有人能帮助我,我会很感激

1 个回复

4小时后,我发现了一个错误。 页脚宽度设置为1170px!很重要,因此lightbox认为它可以显示很大的图像。 那是由另一个编码员编码的,而不是我编码的。

1 在响应式设计中禁用灯箱

我搜索了以前关于 jQuery 和响应式设计的 SO 帖子,但没有找到类似的东西。 我的问题是,我有一个网站,当它达到 > 960px 时,它会掉下所有的糖果并变得流畅。 在某些页面上,我使用灯箱从缩略图预览较大的图像。 当达到 960px 时,我想放弃灯箱效果。 这是我设置灯箱的方法: 灯 ...

2 显示响应式设计:无

任何帮助,将不胜感激,我不能解决。 我有一个单独的div中包含的信息列表 在页面加载时,仅显示每个div的标题。 onclick切换内容的可见性。 到现在为止还挺好。 现在说我开始添加一些简单的响应式设计。 如果在小屏幕上我想要一列div,没问题。 如果稍微宽 ...

3 JQuery-响应式设计(显示)

我正在尝试创建我的第一个RWD网站,但是现在我已经开始编写移动CSS,我认为现在是时候问我要去的方向是否正确了。 我用html编写了窗口加载特定.css文件所需的所有媒体(根据桌面/平板电脑/手机的屏幕宽度)。 台式机和平板电脑在设计上非常相似。 只是几个div重新排列,看起来不错 ...

4 响应灯箱

我正在使用Magnific Popups ajax popup创建一个类似于Instagram或Facebook的弹出式体验(左侧图片,右侧评论等)。 我如何设置整个灯箱的最大高度,并使图像在垂直居中时居中? 这需要在所有浏览器中工作,并且必须具有响应性,这很棘手。 我似乎无法让它在所有浏 ...

5 在响应式设计中控制显示属性

美好的一天,我有一个问题: 假设我有一个用于移动显示器的div: 现在,对于平板电脑,我想销毁“包装器” div,并保护img。 平板电脑显示的CSS: 这将破坏包装器,但是img也将毁灭,无论如何,仅使用CSS而不使用Jquery来保护img是安全的吗? 谢谢伦佐 ...

6 响应式设计以显示数据列表

我正在尝试使用表格在网站的桌面版本上的表格中显示数据列表。 我想将其浓缩为移动网络。 我应该使用单独的html块还是可以将当前表转换为移动视图。 http://play.mink7.com/h/startupsradar/pending.html 我喜欢以下移动设备上的列表视图 ...

7 页脚显示错误响应式设计

在以下用于智能手机响应式设计的网站上,页面的页脚块出现了显示错误: 第1页 第2页 我该如何解决 这是显示的错误图像: 此搜索 图像2 ...

8 响应式布局限制了Lightbox2叠加层中的水平显示

我在多个“画廊”站点上使用了Lightbox2 ,但从未遇到问题。 我现在试图将其与简单响应模板(或在Github上 )一起使用,并遇到问题: 当叠加层出现并且图像“缩放”到适当大小时,它们会在水平方向受到限制-好像浏览器认为它只有非常狭窄的视口。 我在FF和Chrome中得到了相同的 ...

9 该视频中有关响应式设计的某些问题

所以,我在看这个视频了解自适应设计和一些在视频困扰着我。 在2:59,他将窗口升到大屏幕,然后刷新,然后Safari下载banner_large.jpg ,当他对中,小屏幕尺寸进行相同操作时,Safari分别下载了banner_medium.jpg和banner_small.jpg 。 但是 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM