sdcms自适应网站如何解决电脑端与手机端产品编排问题

   sdcms自适应的电脑端5个产品图片一行，手机端显示2个产品图片一行，如何实现多出来的一个产品不显示出来呢？以下通过SDCMS仿站小编偶然的发现就可以实现了。如果你有这方面问题可以直接使用以下代码
   nth-child(5){ display:none;}
   以下是某站完整代码，希望能帮助到各位朋友：
   #index_news_list ul{padding-bottom:40px;}
   #index_news_list ul li{ width:25%; height:260px; background-size:90%; }
   #index_news_list ul li a{ width:150px; height:263px; overflow:hidden; margin:40px 0 0 19px; }
   #index_news_list ul li article{position:relative; width:100%; height:263px; padding-top:62.4%; overflow:hidden;}
   #index_news_list ul li:nth-child(5){ display:none;}
   定义和用法
   :nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。
   n 可以是数字、关键词或公式。
   浏览器支持
   所有主流浏览器均支持 :nth-child() 选择器，除了 IE8 及更早的版本。

• 0
• 0
• 0
• 0
• 0
• 0
• 0
• 0