私はWeb Content Accessibility Guidelines 1.0（sec 3.4、page 13）を読んでいましたが、ptではなくemを使用しています。ptの代わりにemを使用
私の質問は、あなたがウェブサイト用に開発した画像はピクセル単位で行われるということです。したがって、相対的なサイジングを使用している場合、ブラウザはそれらを拡大縮小する必要があります。画像が歪みすぎないようにするための良いテクニックはありますか（つまりビットがぼやけすぎるなど）？また、画像を拡大/縮小しない場合は、レイアウトが壊れないようにする方法はありますか？
Ethan Marcotteが読んだResponsive Web Designをお勧めします。彼はあなたのimgタグの任意の高さ/幅を指定しない技術について語り、代わりにmax-width 100％に設定します。
img {
max-width: 100%;
}
、これは、動画/フラッシュなどのような任意の固定幅の要素のために動作しますあなたが基本的な回避策である、代わりにwidth: 100%;を設定することができますので、以下の
IE6とは、適切に最大幅をサポートしていません。
AlphaImageLoaderを使用して、IE7以下で画像の拡大を改善する方法についても説明しています。
の下部を確認してください。px~emのサイズ変更技術は、画像が大きくなるにつれて/より低い割合でレンダリングされるようになっています。
「情報」セクションの下には、表示するeven moreがあります。
あなただけで小数点以下の数字で遊んでいく、そしてそれらのF5伸ばし筋肉と柔軟を取得する必要が表示されます。 ;)
emに画像のサイズを指定するのは一般的に意味がありません。何も改善されず、画像がぼやけてしまいます。テキストのみの場合はemを使用し、イメージを元のサイズに保ちます。さらに、画像が狭いブラウザウィンドウサイズでコンテナをオーバーフローさせたくない場合は、IMG {max-width: 100%}を使用できます。