# \[Graceful 主题\] 移动端图片未响应

**URL:** https://meta.discourse.org/t/graceful-theme-mobile-images-not-responsive/122153
**Category:** Support
**Created:** [2019年七月5日 07:30 UTC](https://meta.discourse.org/t/graceful-theme-mobile-images-not-responsive/122153 "2019-07-05T07:30:51Z")
**Posts on this page:** 12
**Page:** 1

<div class="post-metadata">

### Author: ![calebs](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/calebs/32/148838_2.png) [@calebs](https://meta.discourse.org/u/calebs)
#### Post date: [2019年七月5日 07:30 UTC](https://meta.discourse.org/t/graceful-theme-mobile-images-not-responsive/122153/1 "2019-07-05T07:30:51Z")

</div>

用户已报告此问题。上传图片后，在移动设备上无法响应式显示。有什么解决方法吗？

---

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [2019年七月5日 09:45 UTC](https://meta.discourse.org/t/graceful-theme-mobile-images-not-responsive/122153/2 "2019-07-05T09:45:53Z")

</div>

请发送无法响应的那个图像，仅凭智能手机的截图不足以理解问题。

---

<div class="post-metadata">

### Author: ![calebs](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/calebs/32/148838_2.png) [@calebs](https://meta.discourse.org/u/calebs)
#### Post date: [2019年七月5日 10:13 UTC](https://meta.discourse.org/t/graceful-theme-mobile-images-not-responsive/122153/3 "2019-07-05T10:13:47Z")

</div>

@dax 论坛发布的所有图片在移动设备上都会被裁剪。关闭 Graceful 主题后，此问题便不再出现。

---

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [2019年七月5日 10:27 UTC](https://meta.discourse.org/t/graceful-theme-mobile-images-not-responsive/122153/4 "2019-07-05T10:27:42Z")

</div>

> [@calebs](#):
>
> 当我关闭 Graceful 主题时，这个问题就不会出现。

啊，我会在标题中明确说明，因为我以为你指的是 Discourse 整体，而不是某个特定主题。

附：请提供你与 Graceful 主题一起使用的其他主题组件列表。

另外，你是否使用了非官方插件？

---

<div class="post-metadata">

### Author: ![calebs](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/calebs/32/148838_2.png) [@calebs](https://meta.discourse.org/u/calebs)
#### Post date: [2019年七月5日 10:42 UTC](https://meta.discourse.org/t/graceful-theme-mobile-images-not-responsive/122153/5 "2019-07-05T10:42:51Z")

</div>

> [@dax](#):
>
> 您是否在使用非官方插件？

我尝试在安全模式下禁用官方和非官方插件，以及所有组件，但没有任何变化，因此我猜测问题出在主题 CSS 上。

我已在 Graceful 讨论区提出了这些问题，但尚未有人回复。此外，名称显示也存在一个问题：在移动设备上，名称与头像的距离过远。禁用所有组件和插件也无法解决这两个问题。

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [2019年七月5日 15:05 UTC](https://meta.discourse.org/t/graceful-theme-mobile-images-not-responsive/122153/6 "2019-07-05T15:05:58Z")

</div>

我已提交一个包含修复的提交，解决了图片尺寸以及移动端名称与头像之间间距的问题。更新主题后，请告知问题是否仍然存在。

---

<div class="post-metadata">

### Author: ![calebs](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/calebs/32/148838_2.png) [@calebs](https://meta.discourse.org/u/calebs)
#### Post date: [2019年七月5日 21:57 UTC](https://meta.discourse.org/t/graceful-theme-mobile-images-not-responsive/122153/7 "2019-07-05T21:57:42Z")

</div>

谢谢。我虽然不是专家，但尝试移除了一些 CSS 部分，成功解决了间距问题，并对登录界面进行了一些调整。

---

<div class="post-metadata">

### Author: ![calebs](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/calebs/32/148838_2.png) [@calebs](https://meta.discourse.org/u/calebs)
#### Post date: [2019年十二月16日 16:30 UTC](https://meta.discourse.org/t/graceful-theme-mobile-images-not-responsive/122153/8 "2019-12-16T16:30:03Z")

</div>

@pmusaraj 这个有更新吗？已经半年了，我们仍在为移动端的图片尺寸问题而困扰。横向图片被裁剪了。

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [2019年十二月16日 16:31 UTC](https://meta.discourse.org/t/graceful-theme-mobile-images-not-responsive/122153/9 "2019-12-16T16:31:32Z")

</div>

可以提供一张截图吗？

---

<div class="post-metadata">

### Author: ![calebs](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/calebs/32/148838_2.png) [@calebs](https://meta.discourse.org/u/calebs)
#### Post date: [2019年十二月16日 17:35 UTC](https://meta.discourse.org/t/graceful-theme-mobile-images-not-responsive/122153/10 "2019-12-16T17:35:47Z")

</div>

已发送私信给您。

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [2019年十二月16日 20:27 UTC](https://meta.discourse.org/t/graceful-theme-mobile-images-not-responsive/122153/11 "2019-12-16T20:27:29Z")

</div>

[此提交](https://github.com/discourse/graceful/commit/907e09f1ba797d4b31dabaf59d32b9ce2d12aa38) 应该可以修复该问题。

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [2020年一月15日 20:37 UTC](https://meta.discourse.org/t/graceful-theme-mobile-images-not-responsive/122153/12 "2020-01-15T20:37:55Z")

</div>

此主题在最后一次回复后 30 天自动关闭。不再允许新回复。
