老师,请问图片布局问题谢谢,

来源:3-2 作业题

qq_慕移动3101913

2020-03-31 11:46:28

<!-- 图片展示区 -->
    <div class="img">
        <div class="img-container">
            <h3 class="img-container-title">主打课程</h3>
            
            <div class="img-container-item d-none d-md-block ">
                <div class="img-container-item-list col-md-4">
                    <img src="img/1.jpg" alt="cellphone" class="img-container-item-list-1">
                </div>
                <div class="img-container-item-list col-md-4">
                    <img src="img/2.jpg" alt="cellphone" class="img-container-item-list-1">
                </div>
                <div class="img-container-item-list col-md-4">
                    <img src="img/3.jpg" alt="cellphone" class="img-container-item-list-1">
                </div>
                <div class="img-container-item-list col-md-4">
                    <img src="img/4.jpg" alt="cellphone" class="img-container-item-list-1">
                </div>
                <div class="img-container-item-list col-md-4">
                    <img src="img/5.jpg" alt="cellphone" class="img-container-item-list-1">
                </div>
                <div class="img-container-item-list col-md-4">
                    <img src="img/6.jpg" alt="cellphone" class="img-container-item-list-1">
                </div>
            </div>

            <div class="img-container-item d-md-none ">
                <div class="img-container-item-list col-sm-6">
                    <img src="img/1.jpg" alt="cellphone" class="img-container-item-list-1">
                </div>
                <div class="img-container-item-list col-sm-6">
                    <img src="img/2.jpg" alt="cellphone" class="img-container-item-list-1">
                </div>
                <div class="img-container-item-list col-sm-6">
                    <img src="img/3.jpg" alt="cellphone" class="img-container-item-list-1">
                </div>
                <div class="img-container-item-list col-sm-6">
                    <img src="img/4.jpg" alt="cellphone" class="img-container-item-list-1">
                </div>
                <div class="img-container-item-list col-sm-6">
                    <img src="img/5.jpg" alt="cellphone" class="img-container-item-list-1">
                </div>
                <div class="img-container-item-list col-sm-6">
                    <img src="img/6.jpg" alt="cellphone" class="img-container-item-list-1">
                </div>
            </div>
        </div>
    </div>

在ipad下 布局失效  怎么处理这个问题。

http://img.mukewang.com/climg/5e82bcd4097fa04004110209.jpg

http://img.mukewang.com/climg/5e82bcf609f7ddfe07280592.jpg

在iPhone下布局成功

http://img.mukewang.com/climg/5e82bd110972a84406040505.jpg

写回答

1回答

好帮手慕慕子

2020-03-31

同学你好,只有同学部分代码无法定位问题,建议:同学可以将你写的全部代码粘贴过来,便于帮助同学准确的测试与定位问题。

另,同学完成作业后,也可以提交作业,批作业的老师会针对你的项目,给出详细的修改建议,并整理成文档发送给同学,方便同学查看与修改。

祝学习愉快~

0

0 学习 · 6815 问题

查看课程