amCharts '国家访问' 地图 - 如何使移动响应答案

【问题标题】：amChart 'countries visited' map - how to make mobile responsiveamCharts '国家访问' 地图 - 如何使移动响应
【发布时间】：2021-11-14 02:08:57
【问题描述】：

如何使“访问的国家/地区”地图具有移动响应性？它在 PC 上显示良好，但地图在移动/智能手机上不在页面上。你甚至不能把地图滑过去。

我是新手而不是编码员，因此不确定是否可以添加代码以使地图具有移动响应能力。有可能吗？

【问题讨论】：

响应式是什么意思？我在移动设备上，可以很好地与之交互。
Mobile Responsive 意味着元素在手机（或智能手机）上完整显示并且是完全交互的。因此，如果您在手机上查看我的网页，大部分地图都在屏幕外。 www.travelgroove.com.au/countries-visited
啊，我明白了。好吧，您需要在问题中包含您使用的 css，因为 amcharts.com 版本肯定没问题，所以它将特定于您的实现。
对不起，这个答案对我没有帮助。我使用了他们网站上的 html 代码（根据我在原始帖子中提供的链接）。所以它在我的网站上显示不好，但在他们的网站上显示正常。所以我需要知道我在该 html 代码中添加了什么才能使其在我的网站上运行？因为我不是付费客户，所以我无法联系他们。

【解决方案1】：

经过一些实验，这对我有用。我使用了来自here 的视频容器 CSS 代码，它用于使嵌入的视频具有响应性。然后我从 amCharts 编辑了 div 行：

<div id="mapdiv" style="width: 775px; height: 450px;"></div>

收件人：

<div class="video-container" id="mapdiv" style="max-width: 775px; max-height: 450px;"></div>

希望这对你有用。

【讨论】：