如何修复EMLOG大前端幻灯片自适应问题

今天教大家如何解决Emlog 大前端模板的首页幻灯片手机端自适应的问题


教程:


1.打开大前端模板emlog_dux\style\main.css 文件

搜索“carousel”,找到下面这段代码

.carousel-inner .item a img{
width:820px;
height:200px;
}

2.将以上代码修改为下列代码

.carousel-inner .item a img{
width:100%px;
height:24%px;
}


PS:计算width和height比例,200除以820得出0.2439,大概是0.24=24%


好像width只要是100%,height百分之几都无所谓,具体效果自己可以去调试测试需要多大的合适高度就可以了。



修改后效果如下:

本博客所有文章如无特别注明均为原创。作者:Vsen.小轩复制或转载请以超链接形式注明转自 维森博客
原文地址《如何修复EMLOG大前端幻灯片自适应问题
分享到:更多

相关推荐

发表评论

路人甲 表情
Ctrl+Enter快速提交

网友评论(2)

大前端好像没有这个代码吧
赵中阁. 7个月前 (2018-10-29) 回复