图片的css自适应

当需要css来缩放图片的时候，可以采用外层容器100％或者任意百分比，

内层图片img tag 没有宽高，用sass写经过断点后的mixin中的样式就是这样：

.workscon_section{ width: %;
    .left_art{
         width: %; display: block; float: left; text-align: center;
         img{ border:  none; height: auto; max-width: %; margin: 1px ;
        }
     }
 }     

如果断点的宽度比图片的最大尺寸还大的话，会出现不能居中。

比如手机的horizontal portrait 就会很难看。

这种时候css可能没法办到，还是需要js来控制外层容器的宽度，然后margin：0 auto；

_workscon_section = ($(window).width()-)>?:($(window).width()-);        

比如图片最宽是600px，小于600的时候用窗口宽度来计算。

在超过600的时候，就应该还是600，否则就不会居中了。