首页 > 代码库 > 图片的css自适应
图片的css自适应
当需要css来缩放图片的时候，可以采用外层容器100％或者任意百分比，
内层图片img tag 没有宽高，用sass写经过断点后的mixin中的样式就是这样：
.workscon_section{ width: 100%; .left_art{ width: 100%; display: block; float: left; text-align: center; img{ border: 0 none; height: auto; max-width: 92%; margin: 1px 0; } } } 如果断点的宽度比图片的最大尺寸还大的话，会出现不能居中。
比如手机的horizontal portrait 就会很难看。
这种时候css可能没法办到，还是需要js来控制外层容器的宽度，然后margin：0 auto；
_workscon_section = ($(window).width()-50)>600?600:($(window).width()-50);
比如图片最宽是600px，小于600的时候用窗口宽度来计算。
在超过600的时候，就应该还是600，否则就不会居中了。
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。