一覧
状態:-
閲覧数:2,005
投稿日:2016-01-15
更新日:2016-01-15
遭遇事例1
・<picture>直下に<a>を配置すると、正常動作しない
・<picture>直下に<a>を配置すると、正常動作しない
遭遇事例1 … <picture>直下に<a>を配置すると、正常動作しない
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>