カテゴリー:
レスポンシブ画像
閲覧数:452 配信日:2016-01-15 17:24
aタグ未使用
<picture>直下に<source>と<img>を配置
・正常動作
<picture>
<source srcset="" media="(min-width: 544px)">
<img src="" alt="">
</picture>
aタグ使用
<picture>直下に<source>と<a>を配置
・正常動作しない
<picture>
<source srcset="" media="(min-width: 544px)">
<a href="">
<img src="" alt="">
</a>
</picture>
<picture>直下に<a>を配置
・正常動作しない
<picture>
<a href="">
<source srcset="" media="(min-width: 544px)">
<img src="" alt="">
</a>
</picture>
<picture>直下に<source>と<img>を配置。全体を<a>で囲う
・正常動作
<a href="">
<picture>
<source srcset="" media="(min-width: 544px)">
<img src="" alt="">
</picture>
</a>