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

Question

1.

2.

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

Answer 1

参考以下代码<div class="container">    <img src="pic.jpg" width="950px" height="640px"></div>cssdiv .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%; }}