文章、详品详情如何做到手机版下访问不错位,图片自适应宽度
文章、详品详情如何做到手机版下访问不错位,图片自适应宽度
1、请尽量不要使用复杂的排版,商品详情可以使用图片来实现复杂的展示。
2、不要写width="**px"之类的固定宽度的样式
3、图片都加上width="100%"(或者两张图片一行就是width="50%")
找到mobile/templates/goods.dwt
1、找到:
lyecs.common.tab($('.details'),'click');
在下面添加:
$('#desc tr').css({'width':'100%','max-width':'100%'});
$('#desc table').css({'width':'100%','max-width':'100%'});
$('#desc img').css({'width':'100%','max-width':'100%'});
2、找到:
$('#desc').html(res.content).addClass('ready');
在下面添加:
$('#desc tr').css({'width':'100%','max-width':'100%'});
$('#desc table').css({'width':'100%','max-width':'100%'});
$('#desc img').css({'width':'100%','max-width':'100%'});
这里处理的原理就是tr、table、img都设置为100%宽。具体情况可以自己调整
LYECS LYECS电商系统 老杨商城系统 ECSHOP二次开发