私のウェブサイトにイメージマップがありますが、残念ながらモバイル版には大きすぎます。
そのため、画面がマップよりも小さい場合に代わりにリストを表示するように、css メディア クエリを使用することにしました。
イメージ マップのマウスオーバー オーバーレイは、オーバーレイが相対的に配置されるリストで機能します。
したがって、私のメディアクエリでは、相対位置をリセットして、リストアイテムが通常のリストのように上下に表示されるようにしたいと考えています。
これについてどうすればいいですか？現時点では、リスト項目は、それぞれの画像の背景がまだある場合に表示されるページの周りに散らばって表示されます。
ありがとう