1

私は自分の Web サイトキロバット.coでワードプレスのテーマを使用しています。そこに90x90ピクセルの画像を入れました。

ただし、ここに示すように、画像は 284x284 ピクセルに拡大されます

ここに画像の説明を入力

画像のサイズを変更したくありません。css スタイルによってこのサイズ変更が行われると思います。しかし、私はどれを見つけることができませんでした。画像をそのままにしておくにはどうすればよいですか？

4

2 に答える 2

4

問題は、slideshow.css の 133 行にあります。

#top .slideshow li img{
  width: 100%; /* this line affects image size */
  height:auto;
  position: relative;
  z-index: 3;
  border:none;
  margin:0;
  padding:0;
  display:block;
}

これはブラウザで簡単にデバッグできます。

私は Chrome を使用していますが、Firefox と非常によく似ているはずです。ページを参照するときに、画像を右クリックして [要素の検査] を選択します。これにより、大量の情報を含むペインが開きます。

右側には「Matched CSS Rules」セクションがあり、上記の CSS 情報と、それが定義されているファイル名と行番号が表示されます。さらに、多数のチェックボックスを使用して、必要なルールを無効にすることができます。ルールを無効にすることで、行に問題があるwidth: 100%ことを簡単に確認できます。width: 100%

于 2012-09-06T11:35:16.560 に答える
0

Chrome を使用して要素を検査すると、次の計算されたスタイルが表示されます。

width: 283.6166687011719px;

、132行目を指しslideshow.css、インラインスタイルをオーバーライドします：

#top .slideshow li img - 100%
于 2012-09-06T11:35:52.767 に答える