内容/广告管理

文章、详品详情如何做到手机版下访问不错位,图片自适应宽度

LYECS,LYECS+商城系统,多用户商城系统,开源商城系统 发布日期:2016-05-15   作者:老杨

文章、详品详情如何做到手机版下访问不错位,图片自适应宽度


1、请尽量不要使用复杂的排版,商品详情可以使用图片来实现复杂的展示。

2、不要写width="**px"之类的固定宽度的样式

3、图片都加上width="100%"(或者两张图片一行就是width="50%")


4、如果拷贝了别人的内容,max-width和width定义的比较多的话,可以使用以下脚本批量处理

找到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%宽。具体情况可以自己调整

热门文章

分类标签