# 搜索横幅图片在较小屏幕上被裁剪

**URL:** <https://meta.discourse.org/t/search-banner-image-cuts-off-on-smaller-screens/273647>\
**Category:** Development\
**Tags:** search-banner\
**Created:** [2022 年9 月 6 日 09:35 UTC](https://meta.discourse.org/t/search-banner-image-cuts-off-on-smaller-screens/273647 "2022-09-06T09:35:18Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

作者： ![Sherran](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sherran/32/267631_2.png) [@Sherran](https://meta.discourse.org/u/Sherran)\
发布日期： [2022 年9 月 6 日 09:35 UTC](https://meta.discourse.org/t/search-banner-image-cuts-off-on-smaller-screens/273647/1 "2022-09-06T09:35:18Z")

</div>

您好。我安装了官方主题组件：[https://meta.discourse.org/t/search-banner/122939，它很有帮助。只有一件事让我烦恼。我为搜索横幅上传了背景图片，但当屏幕变窄时，它似乎会通过裁剪右侧部分来调整自身。我不知道如何描述，但这里有一些图片：](https://meta.discourse.org/t/search-banner/122939%EF%BC%8C%E5%AE%83%E5%BE%88%E6%9C%89%E5%B8%AE%E5%8A%A9%E3%80%82%E5%8F%AA%E6%9C%89%E4%B8%80%E4%BB%B6%E4%BA%8B%E8%AE%A9%E6%88%91%E7%83%A6%E6%81%BC%E3%80%82%E6%88%91%E4%B8%BA%E6%90%9C%E7%B4%A2%E6%A8%AA%E5%B9%85%E4%B8%8A%E4%BC%A0%E4%BA%86%E8%83%8C%E6%99%AF%E5%9B%BE%E7%89%87%EF%BC%8C%E4%BD%86%E5%BD%93%E5%B1%8F%E5%B9%95%E5%8F%98%E7%AA%84%E6%97%B6%EF%BC%8C%E5%AE%83%E4%BC%BC%E4%B9%8E%E4%BC%9A%E9%80%9A%E8%BF%87%E8%A3%81%E5%89%AA%E5%8F%B3%E4%BE%A7%E9%83%A8%E5%88%86%E6%9D%A5%E8%B0%83%E6%95%B4%E8%87%AA%E8%BA%AB%E3%80%82%E6%88%91%E4%B8%8D%E7%9F%A5%E9%81%93%E5%A6%82%E4%BD%95%E6%8F%8F%E8%BF%B0%EF%BC%8C%E4%BD%86%E8%BF%99%E9%87%8C%E6%9C%89%E4%B8%80%E4%BA%9B%E5%9B%BE%E7%89%87%EF%BC%9A)

看起来不错。

 ![image](https://global.discourse-cdn.com/meta/original/4X/2/9/9/299f132428141e3823b9953aeee8729d7b3a806f.jpeg)

图片覆盖了文字。

 ![image](https://global.discourse-cdn.com/meta/original/4X/a/8/7/a87eab654b0423ddff23edf1b9bfbaedcd280b5c.png)

而且我发现 [Wyze](https://forums.wyzecam.com/) 的搜索横幅效果很好，因为图片可以从两侧进行调整，而且不会覆盖文字。

这个组件能否改进，以便图片可以适应不同的设备？谢谢！！

---

_[View the full topic](https://meta.discourse.org/t/search-banner-image-cuts-off-on-smaller-screens/273647)._