这种排列我个人觉得是不适合让他自动缩放的,因为图片位置关系很重要,图片大小如果不是固定的,那么图片的位置很可能会因为一点小小的变动就要全部重排
这种我觉得比较好的做法是
将6张图片全部放到一个容器中,设置容器position为relative
然后固定6张图片的宽和高,并设置其position为absolute
根据排列,依次设置每一个图片的left和top属性,固定其位置
然后,将最外层的容器放置到页面想要的位置
这种做法在各个不同的浏览器中应该是不会造成太大的表现差异的
至于缩放的话,可能就需要js获取一些信息来计算每一个图片的高和宽,以及其left和top,但css应该和上面是差不多的
问题一:是html的问题还是CSS的问题。
重点排查图片是不是设置高度和宽度是像素,如果是像素的话不同分辨率会显示不一样的效果。建议设置成百分比。
不同浏览器显示不一样不是分辨率的问题的话检查CSS。
是html的问题还是CSS的问题。
重点排查图片是不是设置高度和宽度是像素,如果是像素的话不同分辨率会显示不一样的效果。建议设置成百分比。
不同浏览器显示不一样不是分辨率的问题的话检查CSS。