2

我的网站是响应式的。除了投资组合部分中的图像外，它的效果很好。当页面首次加载时，它们会按原样显示，当您缩小浏览器窗口时，一切都会正常运行。但是，当您将浏览器加宽到原始宽度时（假设您从具有“正常”浏览器窗口宽度的桌面开始），图像的大小不会与其父容器的宽度相关。

网址： http ://designintellection.com/portfolio/

这是相关的 CSS： http: //pastebin.com/7YvQD4Hp

这只发生在 Safari 和 Chrome 上。在 Firefox 和 Opera 上运行良好。

有任何想法吗？

4

1 回答 1

0

我在 Chrome 中看到了同样的问题。我相信这是由 .pf-screen 上的 float:left 引起的：

.pf-screen { margin-left:2.093%; / 18/860 /浮动：左；}

对于 100% 宽度的图像，如果您删除其容器元素（.pf-screen）上的浮动，它可以解决 Chrome 中的问题。

于 2012-03-09T04:52:40.347 回答