关于ABOUT下半区

		<div class="about-buttom">
			<div class="about-buttom1">
				<ul>
					<li><img src="images/b1.jpg"></li>
					<li>
						<div class="div1">
							<h2>Library</h2>
							<h3>Lorem Ipsum is simply dummy text of the printing and typesetting industry</h3>
							<p>
								Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
							</p>
							<input type="button" name="" value="EXPLORE">
						</div>
					</li>
					<li><img src="images/b2.jpg"></li>
					<li>
						<div class="div2">
							<h2>Computer Lab</h2>
							<h3>Lorem Ipsum is simply dummy text of the printing and typesetting industry</h3>
							<p>
								Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
							</p>
							<input type="button" name="" value="EXPLORE">
						</div>
					</li>
					<li>
						<div class="div3">
							<h2>Conference Hall</h2>
							<h3>Lorem Ipsum is simply dummy text of the printing and typesetting industry</h3>
							<p>
								Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
							</p>
							<input type="button" name="" value="EXPLORE">
						</div>
					</li>
					<li><img src="images/b3.jpg"></li>
					<li>
						<div class="div4">
							<h2>Play Ground</h2>
							<h3>Lorem Ipsum is simply dummy text of the printing and typesetting industry</h3>
							<p>
								Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
							</p>
							<input type="button" name="" value="EXPLORE">
						</div>
					</li>
					<li><img src="images/b4.jpg"></li>
				</ul>
			</div>
		</div>

如何设置成上下2行4列，应为浏览器宽度是100%,没有固定，不好计算,后然发现ABOUT上半区图片的左右两侧也会随着浏览器的页面放大缩小位置相对图片变化，老师这个怎么解决？