最新消息
  • 您好下载中心的主题现已开启全免费下载!
  • 欢迎 游客 您的光临,下载之前请先阅读 积分规则(暂行) 。任何技术问题请在论坛提问,本站定制插件售前、售后问题请联系QQ:5916171

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

UID
17
注册
2017/09/27
消息
25
黄金
3.00G
    Windows 10 Chrome 72.0.3626.121
  • #1
我想要用电脑浏览网站时使用A图
然后在手机装置上时则改为使用B图
如何做到?


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


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

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

catch(e){ return false;}

}

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

else{....这里就放入一般正常装置的程式码....}
 
管理成员
UID
1
注册
2017/07/28
消息
1,010
黄金
15,317.27G
在extra.less 模板里添加如下css样式即可图片链接换成自己的

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');
    }
}
 
UID
17
注册
2017/09/27
消息
25
黄金
3.00G
    Windows 10 Chrome 72.0.3626.121
  • #5
我的意思是 能不能用手机浏览网站时 改成不同的背景
 
联合国秘书长
UID
48
注册
2017/11/27
消息
51
黄金
597.36G
    Windows 10 Chrome 74.0.3729.131
  • #7
高端
 
顶部 底部