CSS按比例切割图片是一种非常实用的技术，可以让页面加载更加流畅，同时也能让页面更美观。下面我们就来一起学习一下如何实现这种技术。

.cut-img{position:relative;width:100%;height:0;padding-bottom:56%;}.cut-img img{position:absolute;top:0;left:0;width:100%;height:auto;}

以上是实现CSS按比例切割图片的代码。其中，我们给外层容器设置了一个padding-bottom属性，这个值需要根据图片的宽高比来设置。我们可以使用浏览器的调试工具来查看图片的宽高比。

接下来，我们再通过给内部的img标签设置了宽度为100%和高度为自适应来实现图片的自适应。这样就可以让图片按比例切割了。

需要注意的是，在实际应用中，我们需要根据实际情况来调整图片的大小和比例，以达到最好的效果。