- このトピックには5件の返信、2人の参加者があり、最後に
により8年、 10ヶ月前に更新されました。
-
投稿
-
-
こんにちは。ヒロキと申します。
最近ブログを開設いたしまして、こちらのテーマにはとてもお世話になっています。ありがとうございます。
そこで現在、ブログでは「タイル2列」のレイアウトを選択しています。
ただ、タイル表示よりも全てのタイルの大きさが揃っている方が良かったのでCSSで色々と調整しました。
結果、ほとんど希望通りの形となったのですが、1ページに表示されている記事10個の内1つだけなぜかサムネイルの大きさが事なってしまっています。
サイトはこちら：https://japan-lifehack.com/
で、簿記2級〜という記事のサムネイルだけ大きさが異なっています。
ご教授お願いいたします。
-
-
わいひらさん、ありがとうございます。
早速適用してみたところ、簿記の部分は揃った（「気にしすぎてしまう」の記事のサムネイルが大きかったんですね）のですが、その下の記事がやけに離れすぎてしまうという新たな問題が発生してしまいました。
乏しい知識を振り絞り解決を試みていますが、今一度助言いただけると助かります。
よろしくお願いいたします。
-
追記です。
スマホで確認したところ、PCとは異なりそもそも先ほどのサムネイルの大きさ問題が解決されていませんでした。
-
スマホで確認したところ、PCとは異なりそもそも先ほどのサムネイルの大きさ問題が解決されていませんでした。
スマホの指定は優先順位が低いから、反映しないようです。
.entry-tile .entry-thumb imgの指定が.entry-thumb imgより高いので、.entry-tile .entry-thumb .entry-thumnailにしてみるとどうでしょうか。簿記の部分は揃った（「気にしすぎてしまう」の記事のサムネイルが大きかったんですね）のですが、その下の記事がやけに離れすぎてしまうという新たな問題が発生してしまいました。
今確認すると、キレイに表示されて下が離れすぎている様子は見当たりませんでした。
-
かうたっくさん、ありがとうございます。
そちらCSSに記述したのですが解決しませんでした。
どうやら「気にしすぎてしまう」の記事のアイキャッチが極端に縦長なのが原因だったようで、違うアイキャッチを設定したところ適当な表示になりました。
以後、極端な比率のアイキャッチは避けるようにします。
ありがとうございました。
-
- トピック「タイル2列表示におけるサムネイルの大きさの違いについて」には新しい返信をつけることはできません。