admin avatar

CSS图片自适应代码

🕒 by admin

CSS图片自适应代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
#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.

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

💘 相关文章

写一条评论