html - Business Catalyst 响应式画廊

标签 html css responsive-design business-catalyst

我已经完成了大约 20 个网站,其中包括 Business Catalyst 图库模块。这是我遇到问题的第一个,我不知道为什么。请查看:http://topspindenver.businesscatalyst.com/gallery.html .

您会注意到,如果您缩小窗口,图库缩略图就会开始溢出窗口。在我做过的所有其他网站中,图库在指定的骨架列内响应,并且缩略图自动变小,就像在这个网站上一样:http://mountaingardendiva.com/ .

有谁知道为什么这只发生在这个网站上?我已经尝试专门针对缩略图所在的表格并为其指定 max-width:100%,但它没有用。

最佳答案

我猜您正在使用 Firefox 查看此站点并且是第一次注意到此问题,因为它在 Chrome 中看起来不错。它与 Firefox 如何计算表格的宽度和表格中图像的最大宽度有关。您可以通过将最大宽度应用于 td.photogalleryitem 以及每个更改页面宽度的媒体查询来解决此问题。

关于html - Business Catalyst 响应式画廊,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18219276/

相关文章:

html - 图像在平板电脑和手机上扩大而不是缩小?

android - 如何创建适用于设备宽度和宽度的媒体查询

html - 如何在 IE8 中编辑和查看实时 CSS 效果,就像我们在 Firefox > Web 开发人员工具栏 > 编辑 CSS 功能中看到的那样?

Javascript 在滚动时显示/隐藏菜单

c# - 用C#下载js生成的html

html - 如何从容器底部滚动获取文本,但将滚动条保持在浏览器的最右侧?

css - div 定位不当

html - 平板电脑上的中心 Div

javascript - 在用户单击链接之前,如何防止加载我的图像 slider ?

html - 图片不适合表格单元格