css3照片墙位置随机 |css内容自适应

要实现照片墙的位置随机，大家需要使用CSS3提供的新特性，即flexbox布局和transform属性。

.photo-wall {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.photo-wall img {
width: 250px;
height: 250px;
margin: 5px;
transition: transform 0.5s ease;
}
.photo-wall img:hover {
transform: scale(1.2);
}
@media (max-width: 768px) {
.photo-wall img {
width: 150px;
height: 150px;
}
}

上面的代码中，大家使用了flexbox布局来实现图片的自适应排列，通过设置flex-wrap为wrap和justify-content为center，可以让图片在页面中自动排列，并且随机出现在不同的位置。

在图片hover的时候，大家使用了transform属性来实现一个缩放动画效果，让用户更加直观地感受到图片的特别之处。

最后，大家使用了@media查询来使照片墙在不同的设备上都能够正常展示，这样用户就可以在不同的设备上欣赏到同样美丽的照片墙。