久しぶりにCSSのネタでも更新します。今回は画像をスマートフォンに対応させるテクニックをまとめました。 デモ まずはデモをご覧ください。 画像を画面幅に応じて縮小したり、画像を切り替えたりしてスマートフォンに対応させています。 Demo zipファイルをDownload HTML <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>画像をスマートフォンに対応させるあれこれ</title> <link rel="stylesheet" href="css/reset.css" > <link rel="stylesheet" href="css/style.css" > <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script
![レスポンシブでPC向け画像をスマートフォンに対応させるあれこれ](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc99ebff9593b2c4014ca3aa119a5cafccb2b941/height=288;version=1;width=512/https%3A%2F%2Fcreatorclip.info%2Fwp-content%2Fuploads%2F2014%2F07%2F1405877547170.jpg)