こんにちは。なんとかワードプレスで画像をレスポンシブ表示で複数並べたい・・・でもすごく為になる分かりやすい解説ありがとうございます！これなら私にもできそう！ということで、解説通り設定したら残念なことに、画像にリンクが付いている場合の対応をためしてみたところ、もし、原因がお分かりのようであれば、対策を教えていただけませんか？コメントありがとうございます！当方でも再確認してみたんですが、その「画像がものすごーく小さくなってしまう」という現象が私の環境では再現出来ないのでどうしたものかといったところです。貼っていただいたURLのページは私の確認が遅かったせいかCSSが適用されていない状態でしたし、何回か見ている内に404になってしまいました。そんなわけで、その状態の現物を拝見出来れば何かわかるかもしれません。（もちろんわからない場合も…）可能性としてはテーマ（SANGOですね？）のCSSと何らかの形でバッティングしてたりしないだろうか、とかでしょうか。引き続きこちらでも調べてみますが、何か追記などありましたらよろしくお願いします。ちなみに、.img-flex-4 img { width: 24%; height: 24%; }のパーセンテージを上げるとリンク付きの画像も少しずつ大きくなっていくのですがなんとかして上手く表示させたい・・・！！よろしければお知恵を拝借させてくださいm(__)m！！%の数字を大きくすると確かにブラウザ（Chromeとか）によってはおっしゃる通りになるんですよね。リンクありの方はaタグの中に画像があるのでそうならないんだと思いますが、とりあえず24%というのは画像を4枚並べた事を想定しての数字ですから25%以上にすると100%を超えてしまうので当然はみ出してしまう事になります。いくつかのテーマで試してみましたが、今のところどれもうまくいってるんですよねぇ…とりあえずもう少し検証してみます。ご丁寧にお調べくださってまことにありがとうございます。CSSも変えてしまって、再現ができないのですが、[class^=”img-flex-“] {.img-flex-2 > img { width: 49%; height: 49%; }.img-flex-2 .△△ { width: 49%; height: 49%; }というやり方にして解決しました。.img-flex-4 a { }にすると｢.img-flex-4｣の中にあるaタグまで適用されてしまいまして、私は超ド素人なので人に教わってここまで辿り着いただけでして↑他のテーマで試されて大丈夫だったとのことでいらっしゃいましたので、というご報告でした。いずれにしましても、こちらの記事のおかげで色々勉強ができ、感謝しております！一つ、リクエストさせていただいてもいいですか？こちらの複数画像下に、センターで文字を表示させる方法を知りたいです！いつか、可能でしたらお願いいたします！！いえいえ、ここはカッコよくズバっと解決出来ると良かったんですが、私もまだまだ勉強中の身なのでお役に立てず申し訳無かったです。いつかやろうと思いつつそのままになっていた当エントリーの続編と言いますか、更に応用の効く方法の紹介記事を書いてみました。マリオさんのやりたい事がこちらで出来るといいのですが、よろしければお手すきの時にでも見ていただければと思います。ありがとう。ch@osのコードで3枚の画像が見事にシュリンクした時は涙が出そうになりました。ch@osさん、ありがとう。ほんとにほんとにありがとうございます。熱いコメントありがとうございます！かなり更新頻度も下がってきた当サイトですが、とても励みになります。私もGoogleさんには色々と思うところはありますが、数えきれないほどあるサイトの中に埋もれてしまわないよう頑張って良い記事を書いていけたらと思ってますので、ひとつ今後ともよろしくお願いいたします。当エントリーよりもう少し色々な事が出来るよう改良した内容の記事をアップしましたので、よろしければまたお手すきの時にでも見ていただければと思います。[…] 国産WordPressテーマでは現在最も利用者が多いのではないかと思われるCoc ...バズ部でおなじみの無料WordPressテーマXeoryBaseとXeoryEx ...WordPressのギャラリーってなにげに便利ですよね。テーマの機能やプラグイン ...WordPressにデフォルトで用意されているカレンダーウィジェットってあります ...WordPressを始めたばかりの頃はちょっと目新しいプラグインがあると片っ端か ...私の運営サイトや管理を任されているクライアント様のサイトで利用中のレンタルサーバーとドメインです私が愛用中のPCです。毎日12時間以上は確実に酷使してますが故障もなくよく働いてくれます…ありがたや。Copyright © WordPress Luxeritas Theme is provided by " PCサイト：img要素 、スマホサイト：img要素の場合 パソコンの画面の幅とスマホの画面の幅を比較すると、明らかにスマホの画面の方が小さいですよね。 スマホ対応に便利な「レスポンシブ」とは？ 「レスポンシブ」とは、画面の幅に合わせて css を切り替えることにより、様々な大きさの機器に合わせたレイアウトを実現する方法です。.
.
ミシェル ルグラン 風のささやき,
約ネバ イザベラ 誕生日,
Facebookストーリー 足跡 回数,
焼肉のたれ チャーシュー 炊飯器,
Pso Gc フォトンクリスタル,
Oh バンデス プレゼント応募,
小林麻耶 バッグ ゴヤール,
ファンタ シー スターオンライン2 エピソード オラクル 20,
PSO2 バウンサー リング,
英語 Yes No 疑問文 例文,
国語 要約 小学生 問題,
白いキセキ Shimamo 歌詞,
西島 秀俊 嫁 年の差,
いつか忘れてしまっても 歌詞 意味,
最強 ものまね フェス2020,
Aliexpress アニバーサリーセール 2020,
Fellow Yellow 意味,
キャロル ファンキーモンキーベイビー 英語 バージョン,
シリアル 意味 ビジネス,
ドラクエウォーク ガメゴン 評価,
プレステ2 修理 店,
リンゴルフ 宮下 卒業,
天王寺 動物園 周辺 治安,
ドラクエ4 Rom Ps,
Pso2 ユニット 5スロ 汎用 2020,
ファントミラージュ 髪型 やり方,
ブラッキー 対策 スーパーリーグ,
Sehr Gern ドイツ語,
松岡昌宏 田中圭 ドラマ,
ウイイレ 小野伸二 レジェンド,
フィッシャーズ 再生回数多い なぜ,
Lion King Musical,
道 わかっ た 英語,
中津川 化石 博物館,
ポケモン サンムーン どっちが強い,
北海道 探 鳥 会,
鬼滅の刃 冨岡義勇 声優,
河谷 麻瑚 早稲田,
紅蓮華 歌詞 柱,
Experience In Japan JNTO,
生駒里奈 Akb 選抜曲,
グラフィックデザイナー 有名 若手,
Feel Awful 意味,
負け犬にアンコールはいらない ジャケ写 動物,
東京書籍 デジタル 教科書,
あいみょん ハルノヒ 意味,
乃木坂 卒コン 歴代,
Pso2 武器 特殊能力 8スロ,
サナギラス 進化 アメ,
きめつのやいば 人気投票 第二回,
ヒロアカ 夢小説 天然 美少女,