Css 背景尺寸和图像在手机上的其他浏览器上工作，但在chrome上不工作

安卓操作系统5.0

解读！-来自UCB浏览器Android

炒菜！-来自移动chrome Android

CSS:

    .mobile_icons_home{
        background: url(/images/web1.jpg) 357px -6px;
        background-size: 518px 515px;
    }
    .mobile_icons_share{
        background: url(/images/web1.jpg) 305px 252px;
        background-size: 518px 515px;
    }
    .mobile_icons_map{
        background: url(/images/web1.jpg) 305px 355px;
        background-size: 518px 515px;
    }
    .mobile_icons_search{
        background: url(/images/web1.jpg) 512px -57px;
        background-size: 518px 515px;
    }
    .mobile_icons_extlink{
        background: url(/images/web1.jpg) 460px 46px;
        background-size: 518px 515px;
    }
    .mobile_icons_slider{
        background: url(/images/web1.jpg) -420px -57px;
        background-size: 518px 515px;
    }
    .mobile_icons_options_toggle{
        width:40px;
        height:40px;
        border-radius:50%;
        background: url(/images/web1.jpg) -472px -212px;
        background-size: 518px 515px;
    }

    <div style="display:table-row">
        <!--<div class="mobile_icons_options_toggle"></div>
        <div class="tablecell"><div class="mobile_icons mobile_icons_home"></div></div>-->
        <div class="tablecell"><div id="feedToggle" class="mobile_icons mobile_icons_map"></div></div>
        <div id="mobile_search_cell" class="tablecell"><div class="mobile_icons mobile_icons_search"></div></div>
        <div class="tablecell"><div id="slider_toggle_icon" class="mobile_icons mobile_icons_slider sb-toggle-right"></div></div>
    </div>

HTML:

    .mobile_icons_home{
        background: url(/images/web1.jpg) 357px -6px;
        background-size: 518px 515px;
    }
    .mobile_icons_share{
        background: url(/images/web1.jpg) 305px 252px;
        background-size: 518px 515px;
    }
    .mobile_icons_map{
        background: url(/images/web1.jpg) 305px 355px;
        background-size: 518px 515px;
    }
    .mobile_icons_search{
        background: url(/images/web1.jpg) 512px -57px;
        background-size: 518px 515px;
    }
    .mobile_icons_extlink{
        background: url(/images/web1.jpg) 460px 46px;
        background-size: 518px 515px;
    }
    .mobile_icons_slider{
        background: url(/images/web1.jpg) -420px -57px;
        background-size: 518px 515px;
    }
    .mobile_icons_options_toggle{
        width:40px;
        height:40px;
        border-radius:50%;
        background: url(/images/web1.jpg) -472px -212px;
        background-size: 518px 515px;
    }

    <div style="display:table-row">
        <!--<div class="mobile_icons_options_toggle"></div>
        <div class="tablecell"><div class="mobile_icons mobile_icons_home"></div></div>-->
        <div class="tablecell"><div id="feedToggle" class="mobile_icons mobile_icons_map"></div></div>
        <div id="mobile_search_cell" class="tablecell"><div class="mobile_icons mobile_icons_search"></div></div>
        <div class="tablecell"><div id="slider_toggle_icon" class="mobile_icons mobile_icons_slider sb-toggle-right"></div></div>
    </div>

---

当我打开手机chrome上的页面时，图像被打乱，背景位置无法在手机chrome上工作。

你能在一个Fiddle链接中发布一些实际的代码吗？HTML和CSS？如果你想在这方面有一个成功的提问生涯，你需要在提问的同时发布代码，否则你可能会得到一大堆严厉的回答。dooda.whyable.com/map如果你打开上面的链接，在手机浏览器中，在chrome中，图标将显示混乱。如果您在其他浏览器中打开，一切都会正常工作。这对我们没有帮助。发布您遇到问题的实际代码位。感谢jerseyetr提供信息。我将用其他有用的数据进行更新。