いくつかの CSS の問題と、それらを個人利用のためにどのように解決したか
デスクトップ
最初のものはそれほど問題というわけではありませんが、問題になる可能性があります。投稿にこれほど多くのリポートが寄せられることはめったにありませんが、8 を超えると「投稿コントロール」が崩れてしまうことを知っておくべきです。
これがリポート 8 件の場合です。見た目も問題ありません。
デスクトップで使用した CSS
.post-retort {
margin: 0px 2px;
border: 1px solid #333;
border-radius: 5px;
padding: 3px;
background-color: #666;
}
スマートフォン: iPhone SE Gen1
モバイル
現時点で、少なくとも小さな画面を使用している場合、投稿コントロールが崩れないリポートの最大数は 1 です。
リポートが 1 つ以上あると、投稿コントロールが画面外に移動してしまいます。
これが CSS を変更した後の見た目です。
モバイル用 CSS
.post-retort {
border: 1px solid #333;
border-radius: 5px;
padding: 3px;
background-color: #666;
margin: 2px 2px;
float: none;
}
上記のモバイル用 CSS を使用すれば、デスクトップでもモバイルと同じ見た目を実現できます。これにより、リポートが投稿コントロールの上に表示されます。
このプラグインは大変気に入っており、当フォーラムでも頻繁に利用されています。@angus さんが引き受けてくださり、ありがとうございます 