设置默认宽度和最小宽度属性

Question

我在带有不同大小图像的对话框中显示图像，最小宽度图像为500px，大多数图像宽度大于800px。

.modal-dialog { min-width:500px; } 

我怎样应用CSS特性，使得，如果图像是500个像素宽比orless 800像素，容器对话框的宽度.modal-dialog下降到图像的宽度，但保持固定在800像素为尺寸大于800像素更大的其他图像。

同样建议如何做到这一点的身高。

Answer 1

.modal_dialog img{ 
    display: inline-block; 
    width: auto; 
    min-width: 500px; 
    max-width: 800px; 
} 

现在您所设置的图像

Answer 2

添加以下属性到容器.modal.dialog：

.modal_dialog { 
    display: inline-block; 
    width: auto; 
    min-width: 500px; 
    max-width: 800px; 
} 

max-width和max-height约束容器到所需要的尺寸和设置显示到inline-block并且宽度auto将调整容器宽度对图像宽度如果它在500像素和800像素之间。