思路 :
在后台内容字段里 找到创建的 banner栏目,
然后 添加字段,属性是图片,字段名为MobBanner
MobBanner 为手机上展示的图片尺寸;
前端代码:
<img src="{content.ImageUrl}" class="pcBanner" alt="{content.Title}">
<img src="{content.MobBan}" class="MobBanner" alt="{content.Title}">
样式表:
img.MobBanner{
display:none;
}
@media screen and (max-width: 320px){
img.pcBanner{
display:none;
}
img.MobBanner{
display:black;
}
}