背景大小和图像在移动设备上的其他浏览器上工作,但不在Chrome上

时间:2015-10-27 13:52:44

标签: css google-chrome

Android OS 5.0

UnScrambled!http://i58.tinypic.com/wqq8g9.jpg - 来自ucbrowser Android

炒作!http://i62.tinypic.com/23mu4ja.jpg - 来自移动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;
    }

HTML:

    <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>

当我在移动设备上打开页面时,图像会变得混乱,背景位置无法在移动设备上运行。

0 个答案:

没有答案