开发者社区> 问答> 正文

前端设置轮播bannner尺寸发生了异常?

问题对人有帮助,内容完整,我也想知道答案 0 问题没有实际价值,缺少关键内容,没有改进余地
设置了img的尺寸为100% 100%,通过firebug盒子模型尺寸正常。
但是图像尺寸变成这样。如果不设100% 100%的话,盒子模型的height会为1700多px。但图像能正常点
screenshot
screenshot

展开
收起
杨冬芳 2016-06-02 10:00:08 2320 0
1 条回答
写回答
取消 提交回答
  • IT从业

    假设你的图片大小是400*450,三张轮播图,你试试下面的方式:

    .content_ban{
        height:450px;
        width:400px;
        overflow:hidden;
    }
    .content_ban>ul{
        height:100%;
        width:1200px;
    }
    .content_ban>ul>li{
        width:400px;
    }
    .ban{
         width:100%;
    }
    .ban img{
         width:100%;
    }
    

    图片轮播1
    图片轮播2

    2019-07-17 19:24:04
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
Vue.js 在前端服务化上的探索与实践 立即下载
阿里文娱大前端技术实践 立即下载
前端代码是怎样智能生成的 立即下载