# Discourse Retort

**URL:** https://meta.discourse.org/t/discourse-retort/35903
**Category:** Plugin
**Tags:** end-of-life
**Created:** [2015年十一月22日 11:53 UTC](https://meta.discourse.org/t/discourse-retort/35903 "2015-11-22T11:53:58Z")
**Posts on this page:** 1
**Showing post:** 383

<div class="post-metadata">

### Author: ![Vaping\_Community](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/vaping_community/32/89248_2.png) [@Vaping\_Community](https://meta.discourse.org/u/Vaping_Community)
#### Post date: [2020年九月8日 20:06 UTC](https://meta.discourse.org/t/discourse-retort/35903/383 "2020-09-08T20:06:09Z")

</div>

一些 CSS 问题及其在我们个人使用中的解决方案

## 桌面端

第一个问题算不上严重，但可能会发生。我们很少在一个帖子下收到这么多回复，但您需要注意：如果回复数超过 8 条，帖子控制区域就会显示异常。  
 ![screenshot-vapingcommunity.co.uk-2020.09.08-20_46_47](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/meta/optimized/3X/9/5/95eba494f35d7595330c32fc31d427ccee3217a6_2_690x86.png)

这里是 8 条回复时的效果，看起来很好。  
 ![screenshot-vapingcommunity.co.uk-2020.09.08-20_47_53](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/meta/optimized/3X/2/9/29d2cfbcf39ae941fc1a5a7ab4e56a4c5af7d97d_2_690x62.png)

### 桌面端使用的 CSS

```
.post-retort {
	margin: 0px 2px;
	border: 1px solid #333;
	border-radius: 5px;
	padding: 3px;
	background-color: #666;
}

```

* * *

**手机** ：iPhone SE 第一代

## 移动端

目前，在移动端（至少在使用较小屏幕时），不破坏帖子控制区域的回复数上限为 1 条。

 ![IMG_7246](https://global.discourse-cdn.com/meta/original/3X/3/e/3e7d290b9cf615b843e3a6a1820c8f76419f5de7.jpeg)

如果回复数超过 1 条，帖子控制区域就会被移出屏幕。

 ![IMG_7245](https://global.discourse-cdn.com/meta/original/3X/f/0/f0466652ee02cf8250480d242f11cdfd30e48aa8.jpeg)

以下是应用我们的 CSS 修改后的效果。

 ![IMG_7244](https://global.discourse-cdn.com/meta/original/3X/d/2/d2f78886e19463c57aa0b5fd7d605a3fc9cb8b6d.jpeg)

## 移动端 CSS

```
.post-retort {
	border: 1px solid #333;
	border-radius: 5px;
	padding: 3px;
	background-color: #666;
	margin: 2px 2px;
	float: none;
}

```

您可以使用上述移动端 CSS 在桌面端实现与移动端相同的布局效果，这会将回复按钮放置在帖子控制区域的上方。

![screenshot-vapingcommunity.co.uk-2020.09.08-21_03_13](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/meta/optimized/3X/5/6/56ecd6c7f5fed680a8f4bf9072bcf60ab81aadab_2_690x86.png)

我们非常喜欢这个插件，它在我们的论坛中得到了广泛应用。感谢 @angus 接手这个项目 👍

---

_[View the full topic](https://meta.discourse.org/t/discourse-retort/35903)._