0

У меня есть сайт http://xi-spain.com/. Он также отзывчив. Но у меня есть некоторые проблемы при размещении карты мира со ссылками на нее в стране. Карта хорошо подходит для моего разрешения на компьютере, но когда я изменяю размер браузера, ссылки распространяются и на другие страны. Я поместил все ссылки по абсолютному позиционированию, используя процентные значения, но не работает корректно. У вас есть идея решить эту проблему?Отзывчивый не работает должным образом на карте

+0

Пожалуйста, разместите связанный код в минимальном, проверяемом и полном рабочем примере. https://stackoverflow.com/help/mcve – vanburen

+0

Посмотрите на [Image Map Resizer] Дэвида Брэдшоу (https://github.com/davidjbradshaw/image-map-resizer) – APAD1

ответ

1

Я бы посмотрел на повторное рассмотрение того, как вы смотрите на выполнение этого.

На небольших экранах не имеет смысла отображать карту с кучей этикеток, комнаты просто не будет.

По умолчанию, с первого взгляда на мобильный, я бы перечислил всю страну/места в алфавитном списке. Затем, когда окно просмотра достаточно велико, чтобы отобразить карту мира с ярлыками, загрузите ее на карту и поместите метки. Пример можно увидеть здесь http://www.imiplc.com/graduates

+1

Итак, мне нужно перечислить ссылки на мобильных устройствах правильно? Хорошо, тогда я могу сделать его отзывчивым хотя бы для планшета или небольших настольных компьютеров? –