Question

我想改变背景，当我得到不同的屏幕尺寸，让它没有重复和居中

$(function(){
    var  moblie;
    moblie = '<section id="mobile-bk-cg"></section>';

    if ($(window).width() <= 425){
        $({'.demo-heading-wrapper').css('background-image','url(../assets/images/mobile/mobile-425-image.jpg'),
            'background-repeat':  'no-repeat', 'fixed');
    } else{
        $('.demo-heading-wrapper').css('background-image','url(../assets/images/mobile/mobile-demo-main-img-2.jpg'),
            'background-repeat': 'no-repeat', 'fixed');
    }
});

Answer 1

尝试在CSS中进行，而不是使用Jquery

您可以在@media中编写样式，如下所示。根据需要改变宽度和高度

@Media screen and (min-width: 320px) and (max-width: 480px){
   background : url(<URL here>);
   background-repeat: no-repeat;
   background-position: <Set percentage >
}

代码段仅供参考。您的需求可能会有所不同，请根据您的需要更改宽度和参数。还可以根据需要编辑CSS属性

响应背景屏幕视图

1 个答案: