CSS是前端开发中必不可少的一部分,其中一项常见的需求是如何设置图片自适应。下面将介绍三种方法来实现图片自适应。第一种方法是使用以下代码来设置图片自适应:img{ max-width:100%; he
img{ max-width:100%; height:auto; }
.background{ background: url('image.png') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.picture{ max-width:100%; height:auto; } @media screen and (max-width: 480px) { .picture{ max-width:60%; } }
粉丝
0
关注
0
收藏
0