質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

3回答

346閲覧

画像サイズが急に適用されなくなった

metayan

総合スコア14

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2017/10/25 20:33

編集2017/10/25 20:48
<img src="http://gakureki-zero.com/wp-content/uploads/2017/10/line-icon-change-ver-6-5-0.jpg" alt="" width="1242" height="778" class="line size-full wp-image-326" /> にcssが img.line{ width: 690px; height: 300px; } 以前このやり方で成功しました。ですが再度画像サイズを変えようとすると適用できません。classのコードを変えると適用されます。 <img src="http://gakureki-zero.com/wp-content/uploads/2017/10/businessperson.png" alt="" width="1303" height="752" class="personal size-full wp-image-453" /> にcssが img.personal{ width: 690px; height: 400px; } 同じことをやっているのにできなくなった。このimg.personalをimg.lineに変えるとlineのサイズに適用されます。personalは駄目でlineはなぜ適応されるのかわかりません。 今cssでimg.lineのサイズを変えようとしても適用されなくなりました。 htmlのclassを変更すれば画像サイズが変わりますが、cssでやってもできません。cssが適用できなくなってると判断したほうが良いのでしょうか?

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

kei344

2017/10/26 08:02

質問文のコードはそれぞれコードブロックで囲んでいただけませんか? ```(バッククオート3つ)で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。
metayan

2017/10/27 05:14

すいません まだプログラムは勉強しはじめたばかりで、あまり理解できません
kei344

2017/10/27 05:17

teratailの質問文についての修正を依頼しています。解決済にしても本文を編集することが出来ますので、よろしくお願いします。
metayan

2017/10/27 12:42

コードボタンがもうわからないのです。すいません
metayan

2017/10/27 18:56

なるほど、次回からそうします。キャッシュ削除で解決しましたので大丈夫です
guest

回答3

0

たぶんワードプレスを利用されてサイトを構築されているかと思いますが、chromeのデベロッパーツールなどを使って、正しくCSSが読み込めているかなどをテストしてみてはいかがでしょうか?
たぶんワードプレス上で変更されているCSSがうまく保存されていないか、適応されていない状況にあるんではないかと想像されます。

chromeデベロッパーツールの使い方
https://saruwakakun.com/html-css/basic/chrome-dev-tool

投稿2017/10/26 00:45

masayoshi0222

総合スコア162

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

metayan

2017/10/26 21:13

わかりました。ありがとうございます
guest

0

ベストアンサー

ブラウザのキャッシュを削除してから試したらどうなりますか?

投稿2017/10/25 22:34

退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

metayan

2017/10/26 21:14

上手くいきました。ありがとうございます。なぜこんなことが起きるのかわかりません
退会済みユーザー

退会済みユーザー

2017/10/27 01:58

最初の結果から img.line という設定がインラインの設定より優先になっているのは間違いなさそうです。(インラインより優先される理由は不明ですが、結果からそうなっているように見えます) そして、img.line という設定は外部 CSS ファイルに含まれていると理解していますが、その理解が正しければ、「最初の結果」を見た時点でその CSS ファイルはブラウザにキャッシュされ(IE で言うとインターネット一時ファイルとして保存され)、2 回目以降はそれが使われるはずです。 なので、サーバー側にある CSS ファイルの中身を書き換えても、ブラウザは書き換えられていることは関知せず、キャッシュにある CSS ファイルを使った結果、ブラウザの表示が変わらないということになったのだと思います。
metayan

2017/10/27 05:12

なるほど!そういうことですか ありがとうございます❗
guest

0

<img>タグ内にある
「width="1242" height="778"」と
CSSのwidthとheightがあるからうまく表示されない原因だと思われます。

なので、<img>タグ内にある
「width="1242" height="778"」を削除すれば、CSSで指定したwidthとheightで表示されるようになるでしょう。

投稿2017/10/26 12:21

amaryllis

総合スコア179

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

退会済みユーザー

退会済みユーザー

2017/10/26 13:30

質問者さんによると最初はうまくいったそうですが・・・
metayan

2017/10/26 21:12

やってみたのですが、できませんでした
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問