CSS图片自适应代码

Thursday, Mar 30, 2023 | 1 minute read | Updated at Thursday, Mar 30, 2023

@ vpslala

CSS图片自适应代码

#demo {
        max-width: 100%;
        max-height: 100%;
        display: block;
        margin: auto;
    }

.demo  {
        max-width: 100%;
        max-height: 100%;
        display: block;
        margin: auto;
    }

或者这样写

#demo img{
        max-width: 100%;
        max-height: 100%;
        display: block;
        margin: auto;
    }

.demo  img{
        max-width: 100%;
        max-height: 100%;
        display: block;
        margin: auto;
    }

.表示class，# 表示是id.

这样可以保证图片按比例缩放不失真，不撑破网页布局。