IDタグで画像の幅を小さくするにはどうすればよいですか？

Question

スライドバーのIDタグを使用すると、HTMLのボディタグサイズで幅と高さを減らすことができないか、反応しなくなります。 Here is the screenshot of my code

Answer 1

idは、ページ上の1つの要素の一意の識別子であると考えられます。だから、あなたが変更する必要があります：

id="fixed-width-flamingo" 

はそう、彼らが読んで：

class="fixed-width-flamingo" 

私はあなたが使用していると仮定のいずれかで（（> .htmlを<頭の中で）内部または外部。 CSSファイル）ので、あなたはまた、CSSを変更する必要があります。

0：へ

#fixed-width-flamingo 

変更その後、あなたは>

<頭の中での.cssファイルがだから属性の1の上に行くことにすることを含め、すべてのページに影響を与える一つの.cssファイルに変更されるため、通常、外部の.cssファイルが好まれる

気になるかもしれない。

<a href="#"><img src="images/foo.jpg" title="bar" class="fixed-width-flamingo" /></a> 

次に、あなたのCSSのようなもの読んでください：ので、その後、私は最大幅とだけではなく、幅と高さの最大高さを使用することをお勧めし

.fixed-width-flamingo { 
    max-width: 400px; 
    max-height: 300px; 
} 

をあなたのイメージにHTMLのようなものをお読みください携帯電話やタブレットなど、必要に応じて縮小することができます。また

もし私があなたのテキストエディタでそのハイライトを取得している理由であると信じタイプミスは、あなたがあなたの最後のimgタグに「UT後の交流ラクスを追加して、のいずれかを削除する必要が持っています"その行に固定幅フラミンゴを渡した後も。