问前端大佬一个问题，图片显示的

[DanielGuo]

自己写了一个博客
然后文章文本内容是 markdown 形式的
文章里的图片在电脑端的 chrome 正常显示
在手机端的 uc 正常显示
但是在手机端的 safari，chrome，firefox 都看不了

哪位大佬知道啥原因？因为我 img 没设置长宽吗？
http://guoyankai.com/article/12
地址在这

[ayase252]

怀疑是 webp 的问题

[DanielGuo]

@ayase252 😂😂根本没打包

[ytxbnahn]

你的图片 有问题 好像不支持这个格式

[l0ng]

移动端没有引用
```
http://guoyankai.com/static/css/style.css
```
里面有一段
```
body{
background-attachment:fixed;
background-image:url(../jpg/tom.jpg);
background-repeat:no-repeat;
background-size: cover;
}
```

[DanielGuo]

@l0ng 移动端不引用这个😂引用 phoneStyle。我指的图片不显示是内容里的图片，不是背景图片

[DanielGuo]

@ytxbnahn 其实文章我是先发到简书上，然后拷贝过来的，简书界面在我这边显示正常🤦🏻‍♂️里面的图片都是相同 url

[SakuraKuma]

https://caniuse.com/#search=webp
原因一楼已经说了。

[cutpictureboyxx]

简书服务器返回 403， 简书那边做了限制

[DanielGuo]

@SakuraKuma 大概懂了，我回去看看那个图片是不是 webp 格式的。👍感谢

[DanielGuo]

@SakuraKuma 想了想好像又不太对😂那为什么同样的图片，在简书界面就各个浏览器显示正常呢

[DanielGuo]

@cutpictureboyxx 我也怀疑是，但是很头疼，为啥有的浏览器行，有的不行。 难道是简书那边这个图片 url 只允许 pc 浏览器的请求嘛……然后移动端它用了另一套图片 url

[DanielGuo]

@ayase252 一开始没反应过来 webp 是啥😂我回去排查一下

[SakuraKuma]

@DanielGuo 额，简书的图片地址是根据浏览器 accept type 出来的，所以你直接拷贝过来，只能是 webp 了，你要是需要兼容所有，把 url 最后的 format 改成 jpeg 就得了。

[shenyu1996]

手机接电脑调试看看呗

[l0ng]

好吧，我看错了，应该是格式问题，把图片格式转一下吧

[DanielGuo]

@SakuraKuma 懂了😋谢谢！！

[yingfengi]

简书根据 UA 之类的限制了？？

[DanielGuo]

@SakuraKuma 😝刚才按你说的方法完美解决了，感谢大佬