以图片为标准设置图片的百分之50

Question

我有一张ps上面100%的图片，截取下来之后，我只要这个图片的百分之50%，但是我设置图片width:50% 之后他是以外面的盒子为标准的，有什么办法是以图片为标准设置50%呢

Answer 1

如果图片尺寸不固定，用scale

Answer 2

calc()函数
A Couple of Use Cases for Calc()

Answer 3

以容器的大小。

Answer 4

scale()如果只改小宽度不改高度的话图像会压扁的，楼主如果要要剪切一样的效果可以试下clip-path

-webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);

空出来的区域我就不知道该怎么办了~

Answer 5

毕竟麻烦，如果我做，我会给容器position:relative，给图片添加一个和图片尺寸一致的div position:absolute，然后图片以背景的形式处理。