レスポンシブデザイン対応方法

1.背景画像にコンテンツを重ねて表示させる

・absoluteとmarginを組み合わせる。
position: absolute;
top: 50%;
left: 50%;

・背景画像として配置する。
-webkit-background-size: cover;
background-size: cover;

・1枚の画像として作成し、mapタグでリンクを個別に設定する。
Responsive Image Maps jQuery Plugin
http://mattstow.com/experiment/responsive-image-maps/rwd-image-maps.html

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です