关于img在ios无法显示问题

在ios系统中img元素的宽高必须设置为100%,然后给父元素设置固定尺寸。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>ios_img</title>
    <style>
        .img-wraaper {
            width: 100px;
            height: 100px;
        }

        .img-wraaper img {
            display: block;
            width: 100%;
            height: 100%;
        }
    </style>
</head>

<body>
<dev>
    <div class="img-wraaper">
        <img src="./zy.webp">
        <img src="./wx5.jpg">
    </div>
</dev>
</body>

</html>

 

posted @ 2022-09-05 16:44  丿流水  阅读(519)  评论(0)    收藏  举报