在CSS中,我们可以通过定义图片的大小来控制其在网页中的显示效果。具体的方法就是使用width和height属性来确定图片的宽度和高度,如下所示:img { width: 300px; height:
img { width: 300px; height: 200px; }
img { width: 50%; height: 50%; }
/* 适应小屏幕设备,如手机 */ @media only screen and (max-width: 480px) { img { width: 100%; height: auto; } } /* 适应中等屏幕设备,如平板电脑 */ @media only screen and (min-width: 481px) and (max-width: 1024px) { img { width: 50%; height: auto; } } /* 适应大屏幕设备,如电视 */ @media only screen and (min-width: 1025px) { img { width: 30%; height: auto; } }
粉丝
0
关注
0
收藏
0