- このトピックには5件の返信、2人の参加者があり、最後に
により10年、 9ヶ月前に更新されました。
-
投稿
-
-
わいひらさん
いつもありがとうございます。今日はなやみになやみ、どうにも解決できないのでお伺いにきました。
人気の投稿で大きなイメージにテキストが乗る設定の部分ですが、
何かの設定をいじってしまったのか、下に敷かれる写真が変倍されてしまうため、
そのコントロールをCSSのどの部分でやっているかを教えていただけないでしょうか。#new-entries .new-entrys-large .new-entry img,
#popular-entries .popular-entrys-large .popular-entry img,
#popular-entries .popular-entrys-large .wpp-list li img{
width:100%;
float:none;
margin:0;
display:block;
margin-bottom: 0px;
min-height: 170px;
max-width: 440px;/*iPhone6は幅が414pxなのでそれより大きく*/
max-height: 240px;
height:auto;
}ここら辺が怪しいかと思っております。
ちなみに、
http://mycarlife.tokyo
のからむ部分になります。
お手間をおかけします。 -
自分のサイトですが、
Simplicityを少し改造してみた 番外編 part13 画像のアスペクト比を16:9にする & その他
を参考に、$(“#sidebar .popular-entrys img”)に対していじくってみて下さい。
本番サイトだとアレなので、その構造を理解するために、記事内のcodepen本体 | codepenなどでいじくって試してみるのも良いかと思います。方法は同じで、ターゲットが異なるだけです。
-
-
わいひらさん
ありがとうございます。縦横の倍率が変わるというです。大きなサムネイルの画像が縦に圧縮されるような形になる。
横が100%でも縦に長く120%ていどになっており比率が異なってしまうということでした。
車の比率はあまり違いがわからないかと思い略してお知らせしてお手間をおかけしました。Hidekichiさん
ご丁寧にありがとうございます。
参考にいじってみたのですが、元画像は横は同じでも縦の高さが異なるものが多いため、
一旦編ではない比率になるようには指定していますが、
すべての画像を横は100%表示、たても比率を保って枠の見えないところを
オーバーフローにする方法がわからず、もう少し頑張ってみます。ありがとうございます。
-
ちょっとまだ状態の把握はしていないのですが、以下の方法などはやっておられますか？
Simplicityテーマをインストールして画像のアスペクト比が狂うときにやって欲しいこと -
僕の方法のやつをちょっと画像やら拝借してやってみました。
多分こういうことなんじゃなかろうかと僕は思ったんですけども・・・。
ただ、結構cssがガチガチになってるみたいなので、やりたいことをしようとすると、元のcssをイジる必要があったりします。ひとまず参考までに。
-
- フォーラム「Simplicityについての質問」には新規投稿および返信を追加できません。