我做了大约20个网站,其中包括Business Catalyst画廊模块。这是我遇到问题的第一个,我不知道为什么。请查看:http://topspindenver.businesscatalyst.com/gallery.html。
您会注意到,如果您将窗口缩小,则图库缩略图会开始溢出窗口。在我完成的每个其他网站中,图库都在指定的骨架列中响应,缩略图自动变小,就像在此网站上一样:http://mountaingardendiva.com/。
有谁知道为什么这只发生在这个网站上?我已经尝试专门针对缩略图所在的表格并给它max-width:100%
,但它没有用。
答案 0 :(得分:1)
我猜你正在使用Firefox查看此网站并首次注意到此问题,因为它在Chrome中看起来很不错。它与Firefox如何计算表格的宽度和表格中图像的最大宽度有关。您可以通过对每个更改页面宽度的媒体查询应用max-width到td.photogalleryitem来解决问题。
答案 1 :(得分:0)
它可以在Chrome中运行,但要使其在FireFox中运行,请尝试将图像上的css设置为宽度:100%而不是最大宽度:100%