Business Catalyst响应式库

时间:2013-08-13 21:09:39

标签: html5 css3 responsive-design business-catalyst

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

您会注意到,如果您将窗口缩小,则图库缩略图会开始溢出窗口。在我完成的每个其他网站中,图库都在指定的骨架列中响应,缩略图自动变小,就像在此网站上一样:http://mountaingardendiva.com/

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

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

它可以在Chrome中运行,但要使其在FireFox中运行,请尝试将图像上的css设置为宽度:100%而不是最大宽度:100%