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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2048 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

Chrome

大佬

Markdown

Firefox

18 条回复 • 2019-04-03 21:00:39 +08:00

ayase252

2019-04-03 10:37:51 +08:00 via iPhone

怀疑是 webp 的问题

DanielGuo

2019-04-03 10:38:46 +08:00

@ayase252 😂😂根本没打包

ytxbnahn

2019-04-03 10:46:40 +08:00

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

l0ng

2019-04-03 10:46:52 +08:00

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

2019-04-03 11:50:50 +08:00

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

DanielGuo

2019-04-03 11:53:03 +08:00

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

SakuraKuma

2019-04-03 11:55:41 +08:00

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

cutpictureboyxx

2019-04-03 11:56:13 +08:00

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

DanielGuo

2019-04-03 12:05:11 +08:00

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

DanielGuo

2019-04-03 12:09:53 +08:00

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

DanielGuo

2019-04-03 12:15:51 +08:00

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

DanielGuo

2019-04-03 12:17:40 +08:00

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

SakuraKuma

2019-04-03 12:25:11 +08:00

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

shenyu1996

2019-04-03 12:55:09 +08:00 via Android

手机接电脑调试看看呗

l0ng

2019-04-03 13:01:27 +08:00

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

DanielGuo

2019-04-03 16:18:32 +08:00

@SakuraKuma 懂了😋谢谢！！

yingfengi

2019-04-03 16:23:02 +08:00 via Android

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

DanielGuo

2019-04-03 21:00:39 +08:00

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