html - 如何在 HTML & CSS 代码中使图片右侧的一组图片向左浮动？

Question

当设备小于 600px 宽度 (适用于手机和平板设备) HTML 和 CSS 编码？

HTML代码:

<div class="container_12 bot-1 lp">

    <div id="l" >
    <ul>
    <li >
                <img src="images/page3-img1.jpg" alt="">         
              </li>

             <li>
                <img src="images/page3-img3.jpg" alt="">         
              </li>
    </ul>
    </div>

    <div  >
    <ul id="rid">
         <li >
          <img src="images/page3-img2.jpg" alt="" >         
        </li>

 <li>
          <img src="images/page3-img4.jpg" alt="">         
        </li>

    </ul>
    </div>

请帮助我，我该怎么做。

Answer 1

把你的CSS放在:

@media (max-width: 600px) {
       div,ul{float:left;}
     }