css三张图片

Question

我在div内有三个图像问题是当我重新调整浏览器时图像移动和重叠。

http://jsfiddle.net/XZHzr/

我已经尝试了几件事，但是在CSS中遗漏了一些东西。如何让图像在Web浏览器中保持固定（连续），但如果在移动浏览器中打开或最小化浏览器，则相互堆叠？

Answer 1

下面是一个示例，如果浏览器窗口重新调整到更小的宽度，图像不会重叠并正确堆叠：http://jsfiddle.net/sGmjU/

我基本上删除了每张图片周围的额外div标签。

如果您想要专门控制桌面浏览器与移动浏览器中的行为，那么您应该查看CSS media queries。

Answer 2

你可以删除每个div的宽度，然后它可以正常工作