关于手机页面的百分比显示问题

Question

1.2.一共有起个图片，当手机尺寸是320宽的时候显示几个，且可左右滑动，当尺寸变大的时候，多显示几个，且可滑动怎样实现这种效果，谢谢

Answer 1

参考以下代码

<div class="container">

    <img src="pic.jpg" width="950px" height="640px">

</div>

css

div .container{

    width:95%;

    max-width:950px;

    margin:0 auto;

}

/*img在手机中单列，平板双列，更大设备四列*/

img { max-width:100%; display:inline-block; }

@media (min-width:420px) {

    img{ max-width:48%; }

}

@media (min-width:760px) {

    img{ max-width:24%; }

}