流体图像，调整窗口大小

Question

<style type="text/css" scoped>
                            @media(min-width: 640px){
                                .<?php echo $champion[$i];?>{
                                background-image: url('<?php if($summary!=1){echo 'assets/champions/'.$champion[$i];}else{echo '../../../assets/champions/'.$champion[$i];} ?>_pc.jpg');

                                }
                            }
                            @media(max-width: 639px){
                                .<?php echo $champion[$i]; ?>{
                                background-image: url('<?php if($summary!=1){echo 'assets/champions/'.$champion[$i];}else{echo '../../../assets/champions/'.$champion[$i];} ?>_mobile.jpg');

                                }
                            }

http://i.imgur.com/qSlAfDF.png http://i.imgur.com/iAEJRNk.png

以上是显示问题的图片我很好奇是什么是使这个响应的最佳方式，并且在调整大小后看起来并不蹩脚。我想过在第3个软件中使用飞溅艺术进行裁剪，就像冠军的脸部位于中间一样，所以它总是可见的。enter code here