保证图片在div中自适应显示，不变形

问题描述：从后台读取一张图片，然后把这张图片显示到固定的div中，比如300*300px的div，div的宽高是固定的，图片的宽高比例是不固定的是随机读取的，需要实现是不管图片的宽高比例是什么，图片都要完整的显示在div内且保持原有的比例不变形。像下面这样（红色的是div）：

或者

解决方法：同时设置图片的最大宽高为100%

max-width:100%;

max-height:100%;