江湖家居手机版模板TouchSlide 触屏滑动特效插件显示不正常

江湖家居V6.0至尊版，手机版首页底部热点文章，使用了 TouchSlide 触屏滑动特效插件，在某些手机屏幕分辨率下，标签页（TAB）宽度显示不正确。
如此例中浏览器宽度为480PX，标签宽度仅为423px。



模板中相关代码为：

1. <!--热点文章开始-->
   
2. <div id="effectNew" class="mb10">
   
3.   <div class="tabBox">
   
4.     <div class="indexTitle">
   
5.       <h1 class="fl">装修课堂</h1>
   
6.       <div class="hd fr">
   
7.         <ul>
   
8.           <li class="on"><a href="###">装修前</a></li>
   
9.           <li class=""><a href="###">装修中</a></li>
   
10.           <li class=""><a href="###">装修后</a></li>
    
11.         </ul>
    
12.       </div>
    
13.       <div class="clear"></div>
    
14.     </div>
    
15.     <div class="bd">
    
16.       <div class="hotNews_box mb10">
    
17.         <ul class="hotNews">
    
18.           <{KT id="52" name="泗洪爱家网手机版首页推荐装修前文章" city_id=$request.city_id limit='5'}>
    
19.           <li>
    
20.             <div class="fl img"><a href="<{link ctl='mobile/article:detail' arg0=$item.article_id}>"><img src="<{$pager.img}>/<{$item.thumb}>" />
    
21.               <p><{$item.title}></p>
    
22.               </a></div>
    
23.             <div class="wz"> <a href="<{link ctl='mobile/article:detail' arg0=$item.article_id}>">
    
24.               <h3 class="overflow_clear"><{$item.title}></h3>
    
25.               <p><{$item.desc|cutstr:74}></p>
    
26.               </a> </div>
    
27.           </li>
    
28.           <{/KT}>
    
29.         </ul>
    
30.         <a href="<{link ctl='mobile/article:items-16'}>" class="more pointcl">查看更多文章</a> </div>
    
31.       <div class="hotNews_box mb10">
    
32.         <ul class="hotNews">
    
33.           <{KT id="53" name="泗洪爱家网手机版首页推荐装修中文章" city_id=$request.city_id limit='5'}>
    
34.           <li>
    
35.             <div class="fl img"><a href="<{link ctl='mobile/article:detail' arg0=$item.article_id}>"><img src="<{$pager.img}>/<{$item.thumb}>" />
    
36.               <p><{$item.title}></p>
    
37.               </a></div>
    
38.             <div class="wz"> <a href="<{link ctl='mobile/article:detail' arg0=$item.article_id}>">
    
39.               <h3 class="overflow_clear"><{$item.title}></h3>
    
40.               <p><{$item.desc|cutstr:74}></p>
    
41.               </a> </div>
    
42.           </li>
    
43.           <{/KT}>
    
44.         </ul>
    
45.         <a href="<{link ctl='mobile/article:items-17'}>" class="more pointcl">查看更多文章</a> </div>
    
46.       <div class="hotNews_box mb10">
    
47.         <ul class="hotNews">
    
48.           <{KT id="54" name="泗洪爱家网手机版首页推荐装修后文章" city_id=$request.city_id limit='5'}>
    
49.           <li>
    
50.             <div class="fl img"><a href="<{link ctl='mobile/article:detail' arg0=$item.article_id}>"><img src="<{$pager.img}>/<{$item.thumb}>" />
    
51.               <p><{$item.title}></p>
    
52.               </a></div>
    
53.             <div class="wz"> <a href="<{link ctl='mobile/article:detail' arg0=$item.article_id}>">
    
54.               <h3 class="overflow_clear"><{$item.title}></h3>
    
55.               <p><{$item.desc|cutstr:74}></p>
    
56.               </a> </div>
    
57.           </li>
    
58.           <{/KT}>
    
59.         </ul>
    
60.         <a href="<{link ctl='mobile/article:items-18'}>" class="more pointcl">查看更多文章</a> </div>
    
61.     </div>
    
62.   </div>
    
63. </div>
    
64. <script type="text/javascript">TouchSlide({ slideCell:"#effectNew" });</script>
    
65. <!--热点文章结束-->

复制代码

解决方法：查找模板中 <div class="wz">代码，其对应的"wz"类样式表如下，

#index .hotNews li .wz {
        margin-left: 0.9rem;
}


把其中的  margin-left: 0.9rem; 代码删除。再把"img"类样式表文件中新增 margin-left: 0.9rem; 代码。修改后如下：

#index .hotNews li .img {
        width: 0.8rem;
        height: 0.6rem;
        position: relative;
       margin-left: 0.9rem;
}

修改后效果如下：