レスポンシブ
状態:-
閲覧数:894
投稿日:2016-01-15
更新日:2016-01-15
PCとスマホでは、aタグ範囲が異なる
・どうやって切り替えるの?
「Yahoo! JAPAN」「ユニクロ」
・何れも「繰り返し表示するリストブロック毎」にaタグで囲っている
・どうやって切り替えるの?
参考例
「Yahoo! JAPAN」「ユニクロ」
・何れも「繰り返し表示するリストブロック毎」にaタグで囲っている
専用サイトではなくレスポンシブサイトでaタグ囲み実装すると
問題点
専用サイトではなくレスポンシブサイトで上記実装すると
・PC画面でリンク範囲が広がり過ぎる不具合が発生
取り敢えずの対応
スマホでのaタグ囲み実装ブロック数を減少
・4ブロック数 → 2ブロック数
修正前
<a>
<p></p>
<img>
<p></p>
<p></p>
</a>
修正後
<a>
<p></p>
<img>
</a>
<p></p>
<p></p>