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

This topic created in 2632 days ago, the information mentioned may be changed or developed.

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

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

Chrome

大佬

Markdown

Firefox

18 replies • 2019-04-03 21:00:39 +08:00

ayase252

Apr 3, 2019 via iPhone

怀疑是 webp 的问题

DanielGuo

Apr 3, 2019

@ayase252 😂😂根本没打包

ytxbnahn

Apr 3, 2019

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

l0ng

Apr 3, 2019

移动端没有引用
```
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

Apr 3, 2019

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

DanielGuo

Apr 3, 2019

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

SakuraKuma

Apr 3, 2019

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

cutpictureboyxx

Apr 3, 2019

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

DanielGuo

Apr 3, 2019

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

DanielGuo

Apr 3, 2019

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

DanielGuo

Apr 3, 2019

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

DanielGuo

Apr 3, 2019

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

SakuraKuma

Apr 3, 2019

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

shenyu1996

Apr 3, 2019 via Android

手机接电脑调试看看呗

l0ng

Apr 3, 2019

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

DanielGuo

Apr 3, 2019

@SakuraKuma 懂了😋谢谢！！

yingfengi

Apr 3, 2019 via Android

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

DanielGuo

Apr 3, 2019

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