div 自适应屏幕宽度 高度？

<div id="content" style="display:inline;overflow:hidden;">

		<div id="images">

			<a id="example1-1" title="" href="images/guanggao.jpg" style="display:inline"><img alt="" src="images/200662095340.gif" width="130" height="120" /></a>

			<a id="example1-2" title="" href="images/guanggao.jpg" style="display:inline"><img alt="" src="images/200662095340.gif" width="130" height="120" /></a>

			<a id="example1-3" title="" href="images/guanggao.jpg" style="display:inline"><img alt="" src="images/200662095340.gif" width="130" height="120" /></a>

			<a id="example1-4" title="" href="images/guanggao.jpg" style="display:inline"><img alt="" src="images/200662095340.gif" width="130" height="120" /></a>

			<a id="example1-5" title="" href="images/guanggao.jpg" style="display:inline"><img alt="" src="images/200662095340.gif" width="130" height="120" /></a>

			<a id="example1-6" title="" href="images/guanggao.jpg" style="display:inline"><img alt="" src="images/200662095340.gif" width="130" height="120" /></a>

			<a id="example1-7" title="" href="images/guanggao.jpg" style="display:inline"><img alt="" src="images/200662095340.gif" width="130" height="120" /></a>

			<a id="example1-8" title="" href="images/guanggao.jpg" style="display:inline"><img alt="" src="images/200662095340.gif" width="130" height="120" /></a>

			<a id="example1-9" title="" href="images/guanggao.jpg" style="display:inline"><img alt="" src="images/200662095340.gif" width="130" height="120" /></a>

			<a id="example1-10" title="" href="images/guanggao.jpg" style="display:inline"><img alt="" src="images/200662095340.gif" width="130" height="120" /></a>

		</div>

</div>

有个div 里面 如何让其自身根据屏幕宽度来决定显示几个gif图片
1、屏幕大了，只能显示为一行， 撑满一行
2、屏幕小了 ,显示  左右箭头  <   >  点击  可以往左、右移动