做屏幕適配時，高德地圖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