突然画像のサイズが小さく表示されるようになった

Question

今日の午後まではサーバにあげていた画像サイズがこちらが指定していたサイズだったのですが、急にサイズが半分になり元に戻らなくなってしまいました、サーバーの不具合かと思っていたのですがそんな情報が未だにあがっておらず意味がわからない状況です。
お助けいただけると幸いです、宜しくお願い致します。

<main>
<div class="top-images">
<img src="images/top.jpg" alt="top画">
<p>**************</p>
</div>

.top-images{
	position: relative;/*相対配置*/
}
.top-images p{
	position: absolute;/*絶対配置*/
	color: white;/*文字は白に*/
	font-weight: bold; /*太字に*/
	font-size: 1.8em;/*サイズ2倍*/
	top: 45%;
	left: 5%;
}
.top-images img{
	width: 1200px;
	height: 400px;
}

Comments

[退会済みユーザー]

> 急にサイズが半分になり
何がどう正しくなくなったのか前後関係の説明を要求します。
スクショでも図でもいいので。
でないとどういう表示が正しい状態なのか分からないです。
適当な画像で一応試しましたが、画像自体は1200x400pxで表示されていますよ。

[let]

1200px400pxで表示させたいのですが、612px348pxで表示されてしまいます。
他のCSSが邪魔しているのでしょうか？i㎎タグに関する設定は変えてないのですが…

[退会済みユーザー]

なるほど。ここ掲載していない情報で問題が出ているんでしょうね。
内部のソースを弄っていないなら外的要因としての【他のCSSが邪魔しているのでしょうか？】も疑う対象でしょうね。
Chrome開発者ツール等でcssの要素を付け替えたりして検証してみてはいかがでしょうか。案外親子関係を崩されていたとかあるかもしれません。

あとすぐに直せなさそうだと判断したら自分だったらバックアップとリストア計画を立てるかな…。
もし仕事の類でしたら社内の先輩や上司に相談してみるのがいいでしょうね。

[退会済みユーザー]

あと、コメント側に説明を書くのではなく、質問文を修正してください。

Answer 1

現行のコードだと特に現象の再現は出来ません。
画像は1200x400pxで表示されています。

動作サンプル
https://jsfiddle.net/v0756un8/

もし自分であればこの辺をやると思います。

1. 質問文に掲載した情報以外の要因でイメージが崩されている → 開発者ツールで検証する
2. キャッシュ → Chromeのゲストモードで再検証する
3. それでダメならバックアップ＆リストア計画を上司に相談する

開発者ツールでのcss検証するイメージ

以下はWindows版Chrome開発者ツールの画面イメージです。

1枚目は初期状態。top-images imgクラスが効いているので1200x400pxで表示されています。

2枚目。開発者ツールでwidthとheightを無効化しました。画像は原寸で表示されるようになりました。

こんな感じで悪さをしている要素を探す感じになります。要素の追加や編集もできるので開発の為の事前調査にも使ったりしますね。

Comments

[let]

上記に添付した画像の右側がきれている状態です。
下部に同じようなタグで構成している箇所があるのですが、そちらは問題なく表示されています。
メディアクエリなども関係ありそうでしょうか？

[退会済みユーザー]

分かりません。
それを見つけたいので開発者ツールで起こっている現象を検証しましょうと言っています。

[let]

デベロッパーツールではdivは今までの設定1400px400pxの範囲を指定していますね。
他に邪魔していそうなのは見当たりません。

[退会済みユーザー]

打ち消されているとかもないですか？（開発者ツールで打消し線がでる）
質問文に貼っていただいたのがブラウザのスクショならいいんですが、実画像で、かつソースが正しいって事なら単に画像自身に余白があることになるんですが…少し気になる。

ともあれ、こっちでは現象再現できないですね。

[let]

今日の午後までは問題なく出ていたということは何か別のタグが干渉している可能性が高くなりますね。
開発ツールで色々と試行錯誤してみます。
ありがとうございました。

[退会済みユーザー]

お力になれずすみません。
解決することを祈っています。