一个图片不显示的问题
预计 3 分钟
今天帮同事看一个图片不显示的问题,情况是在电脑上图片都是正常显示的,但是在 iOS 上发现一些图片显示,一些图片不显示。接到问题的时候对这个问题的描述是没有显示图片的img
元素没有对应的图片请求,以background
设置的图片显示都没有问题。这对问题的排查造成了一定的障碍,因为这自然地把问题排查点引向了没有发生这个图片请求的原因。几次试验无果后我仔细看了看无法显示图片的img
的样式,发现了类似这样的一条规则:
将这条规则去掉之后,发现图片就能显示了。
因此我们需要对图片元素设置一个规则:
问题就迎刃而解了。
不过之前我没有看到过这种东西😂,进一步了解发现这是另一种移动端布局的方案,关于H5移动端布局的很多知识都是通过阅读大漠的文章获知的,而对于这个方案,大漠也写过一篇文章,发现这篇文章在2018年初就发布了,居然一直没看到,在今天之前也没有进一步了解当前移动端布局的情况,只停留在 rem,以及 vh、vw + fallback 到 rem,惭愧惭愧:
#CSS
#前端