已解决 如何修改我在手机上看网站时的背景图？

[花花❤]

我想要用电脑浏览网站时使用A图
然后在手机装置上时则改为使用B图
如何做到？

下面的是我找到相关的程式码，但我不知道放在哪里？ extra.less吗还是放在哪...？


直接侦测目前使用者的装置有没有支援触控，
有的话，就当作『行动装置』来看待(当然这里就要牺牲有触控功能的笔记型电脑了)，
程式如下：
function isMobile() {

try{ document.createEvent("TouchEvent"); return true; }

catch(e){ return false;}

}

应用的范例：
if(isMobile()){....这里就放入如果是行动装置的话，要怎么弄....}

else{....这里就放入一般正常装置的程式码....}

 

[死了算了]

背景图还是？

 

[花花❤]

背景图还是？

对~背景图~ Background

 

[死了算了]

在extra.less 模板里添加如下css样式即可图片链接换成自己的

body {
    background-image:url('http://www.runoob.com/try/demo_source/paper.gif');
    
    @media (max-width: @xf-responsiveWide) {
        background-image:url('http://www.runoob.com/try/demo_source/gradient2.png');
    }
    
    @media (max-width: @xf-responsiveMedium) {
        background-image:url('http://www.runoob.com/try/demo_source/bgdesert.jpg');
    }
    @media (max-width: @xf-responsiveNarrow) {
        background-image:url('http://www.runoob.com/try/demo_source/img_tree.png');
    }
}

 

[花花❤]

我的意思是 能不能用手机浏览网站时 改成不同的背景

 

[死了算了]

这个就是啊

 

[香草大叔]

高端