做屏幕适配时，高德地图api的marker.on监听click事件失效，将viewMode模式改为3D即可

// 屏幕适配
        function setAppScale() {
            var ratioY = $(window).height()/1680;
            var ratioX = $(window).width()/5760;
            $("body").css({
                transform: "scale("+ratioX+","+ratioY+")",
                transformOrigin: "left top",
                overflow:"hidden"
            }); 
        }
        $().ready(function(){
            //初始化时调整大小
            setAppScale();
        });
        //监听浏览器变化
        window.onresize = function() {
            setAppScale();
        };

 // 地图加载
       var map = new AMap.Map('amapContainer',
            {
                viewMode:'3D',
                mapStyle: 'amap://styles/76af0e5e254ef97f4f3075382807af23',
                zoom: 16,
                center: [121.181315, 31.871173]
            }
        )

 

上述为压缩变形的情况，只适配宽度的情况如下：

// 屏幕适配
            function setAppScale() {
                var ratio = $(window).width()/1920;
                $("body").css({
                    transform: "scale("+ratio+","+ratio+")",
                    transformOrigin: "left top",
                    overflowX:"hidden"
                });
            }
            //初始化时调整大小
            $().ready(function() {
                setAppScale();
            });
            //监听浏览器变化
            window.onresize = function() {
                setAppScale();
            };

此外，如果想要保留纵向滚动，又不想影响美观，可将纵向滚动条宽度设置为0

　　　　　　　　body::-webkit-scrollbar {
　　　　　　　　　　width: 0;
　　　　　　　　　　height: 0;
　　　　　　　　}

 相关问题：https://ask.csdn.net/questions/1057855?sort=comments_count