webkit 浏览器无法完全加载图像
我正在为客户构建一个网站，但遇到了一个问题，即在 webkit 浏览器中图像无法完全加载。所以 chrome 和 safari，在 mac 和 ipad 上。 http://coatesconstruction.co.uk
我之前做过一些研究，发现一篇文章建议 webkit 浏览器打开每个图像的多个连接来下载它们，我想知道这是否不是问题所在。
该网站的目标之一是使右栏变得流畅，这样，如果用户调整浏览器的大小，显示的图像就会变大，这意味着后端以 1600 像素宽保存图像，并且我使用 width: 100% 来使它们自动调整大小到左栏。 这意味着服务器上的图像非常大，这与阻止 chrome 和 safari 显示它们的大小有关吗？
I'm building a site for a client and i've come across an issue where in a webkit browser the images dont fully load. so chrome and safari, on mac and ipad.
http://coatesconstruction.co.uk
I've done some research previously and i found an article suggesting that webkit browsers open multiple connections up per image to download them and i wondered if this couldnt be the issue.
one of the aims with this site was to make the right column fluid, such that if the user resized the browser the image showing grew, which has meant the backend is saving images at 1600px wide and im using width: 100% to make them autosize to the left column.
This means the images are pretty massive on the server, is it anything to do with the size which is stopping chrome and safari from showing them?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
它确实加载了整个图像。
您在 CSS 代码中的某个地方搞砸了，这就是整个图像没有显示在 Webkit 浏览器上的原因。
尝试将 div#col1 的高度设置为 656px（或您想要的任何高度！），您将看到整个图像。
It does load the entire image.
You have messed up somewhere in the CSS code and that's why the entire image doesn't show up on Webkit browsers.
Try setting div#col1's height to 656px (or what ever height you want!) and you will see the entire image.
嗯，图像加载正常，问题是你正在裁剪它们:)
由于所有图像都设置了
position:absolute，它们不会强制父容器变得更大，所以你的父母卡在 124px 高。um, the images are loading fine, the issue is that you're cropping them :)
Since all your images have
position:absoluteset, they won't force the parent container to get any larger, so your parent is stuck at 124px high.