html 图片显示 在不同的浏览器出现图片错位的现象

2024-12-22 15:49:28
推荐回答(3个)
回答1:

这种排列我个人觉得是不适合让他自动缩放的,因为图片位置关系很重要,图片大小如果不是固定的,那么图片的位置很可能会因为一点小小的变动就要全部重排

这种我觉得比较好的做法是
将6张图片全部放到一个容器中,设置容器position为relative
然后固定6张图片的宽和高,并设置其position为absolute
根据排列,依次设置每一个图片的left和top属性,固定其位置
然后,将最外层的容器放置到页面想要的位置

这种做法在各个不同的浏览器中应该是不会造成太大的表现差异的

至于缩放的话,可能就需要js获取一些信息来计算每一个图片的高和宽,以及其left和top,但css应该和上面是差不多的

回答2:

问题一:是html的问题还是CSS的问题。
重点排查图片是不是设置高度和宽度是像素,如果是像素的话不同分辨率会显示不一样的效果。建议设置成百分比。
不同浏览器显示不一样不是分辨率的问题的话检查CSS。

回答3:

  • 是html的问题还是CSS的问题。

  • 重点排查图片是不是设置高度和宽度是像素,如果是像素的话不同分辨率会显示不一样的效果。建议设置成百分比。

  • 不同浏览器显示不一样不是分辨率的问题的话检查CSS。