拍摄固定尺寸的照片

Question

我想拍摄固定尺寸的照片。我测试了这段代码：

  .icon4 {
  display: inline-block;
  width: 270px;
  height: 270px;
  text-align: center;
  color: #fff;
  font-size: 130px;
  line-height: 130px;
  /*padding: 33px 20px 30px;*/
  max-width: 100%; }
  .icon2:before {
    display: inline-block; }
  .icon2.fa-shekel {
    background: #4884f2; }
  .icon2.fa-compass {
    background: #d24f4f; }

<div class="icon4">
  <img src="http://st2.depositphotos.com/1058504/12481/i/450/depositphotos_124811492-Two-businesspeople-discussing-work-in.jpg" alt="" />
</div>

https://jsfiddle.net/be70nhyb/

当我有不同尺寸的照片时，最终结果是不同尺寸的照片。

如何从图片中仅采用固定尺寸？

Answer 1

添加“overflow：hidden;”到.icon4

Answer 2

我认为你需要为这样的图像提供宽度和高度：

.icon4 img { 
    width: 270px;
    height: 240px;
 }