首页教程笔记 正文 今天分享一个通过CSS修改网站首页专题样式，简单实用，使其在桌面端和移动端都能正常显示。首先将每列宽度改为25%，然后针对小于768px的屏幕，将专题宽度设为100%。有需要的自行使用，使用前记得保存文件，避免出现不可预知的问题。首先专题样式必须是上图下文才能改原版的一行只能显示两列，超过两列就会自适应换行，如果设置的首页显示4个专题那么就会占用大量的屏幕空间，通过CSS把每列改成25%即可/*首页专题*/ .collection-box .collection-item { width: 25%; }如果只添加上面的代码在手机端浏览又会非常拥挤，所以就还需要添加下列代码： 付费内容 售价：5 积分 开通青铜VIP或更高级的会员可免费查看该内容 请登录 或 注册购买 文章版权声明 1 本网站名称：忆路吧 2 本站永久网址：http://www.Yiluxb.cn 3 本网站的文章部分内容来源于网络，仅供大家学习与参考，如有侵权，请联系站长 QQ进行删除处理。 4 本站资源仅供学习和交流使用，版权归原作者所有，请在下载后24小时之内自觉删除。 5 本站大部分下载资源收集于网络，不保证其完整性以及安全性，不提供技术支持，请下载后自行研究。 6 若作商业用途，请购买正版，由于未及时购买和付费发生的侵权行为，使用者自行承担，概与本站无关。
还没有评论，来说两句吧...