Rundown of Handling Flexible Media | CSS-Tricks

When you take the responsive web design route, part of the deal is fluid grids. That is, container elements set in percentage widths. Just one example: an <article> that holds a blog post might be 320px wide on a small screen device and 690px wide on some large screen. Text can be resized and will flow nicely to fill a container. That’s not too hard. But media – images, video players, and audio pl

[hrtsgt]

画像とかビデオの扱い

[akira_maru]

you are caring about IE 7 support (I hope not, but I understand there are scenarios in which you must), use this to make sure the images survive the scale-down:

[misomakura]

"画像や動画をブラウザサイズに合わせて比率を変えずに拡大縮小させるためのCSSの書き方"

[tomoya]

横幅と高さの最近の対策