css如何让图片自适应

时间:2022-12-06 01:56

在css中实现图片自适应大小的方法:1.添加图片;2.使用width和height属性设置百分比宽高;

css如何让图片自适应

在css中实现图片自适应大小的方法

1.首先,在页面中添加一张图片;

<!DOCTYPEhtml>

<html>

<head>

<metacharset="utf-8"/>

<style></style>

</head>

<body>

<imgsrc="1.png"alt="">

</body>

</html>

2.图片添加好后,在css中使用width和height属性为图片设置百分比宽高即可;

<!DOCTYPEhtml>

<html>

<head>

<metacharset="utf-8"/>

<style>

img{

width:100%;

height:100%;

}

</style>

</head>

<body>

<imgsrc="1.png"alt="">

</body>

</html>



标签:
随便看看
本类推荐
本类排行
热门标签

我国国家通讯社行不行啊细狗新年贺词祝福语2023年祝福语新年新年贺词新年贺词祝福语居家抗病毒小药箱除夕高速免费吗2022年除夕高速免费吗春联春联句子大全春联句子大全七字年夜饭十二道菜年夜饭十二道菜单年夜饭吃什么年夜饭吃什么菜吃年夜饭的寓意年夜饭黑芝麻菊花茶晒菊花茶腌腊肉送妈妈生日礼物汉白玉送闺蜜水钻送女人礼物爸爸生日送礼物送老公