如何缩小css中的图像

如何解决如何缩小css中的图像

你好，我如何调整我的 320 x 320 youtube 图标

我希望它像应用程序这样的图标大小在桌面上看起来很小但是我似乎无法做到这一点


Due to adjusted work schedules at this time,you may experience longer than usual review times for your app.

In order to help ensure we are providing users with accurate and timely information relating to COVID-19,we are currently prioritizing the review and publication of apps published,commissioned,or authorized by official government entities and public health organizations. Any apps referencing COVID-19,or related terms,must meet these requirements.

或

.icons{
width: 30px;
height: 30px;
}

这是代码

这是HTML代码--（Ps我删除了高度和宽度代码，因为它不起作用）

<div class="icons">
    <img src="/img/youtube icon.png" width: 30px; height: 30px; alt="">
</div>

这是 CSS 代码 --

<!DOCTYPE html>
<html lang="en">
<head>
    <Meta charset="UTF-8">
    <Meta http-equiv="X-UA-Compatible" content="IE=edge">
    <Meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="stylesheet" href="/board.css">
    <title>Board</title>
</head>
<body>
    <div class="Board">
        <div class="panel">
            <div class="user">
                <h3>Good Morning,Admin!</h3>
            </div>
            <div class="icons">
                <img src="/img/youtube icon.png" alt="">
            </div>
        </div>
        <div class="right-panel">
        <div class="heading">

        </div>
        <div class="dashboard">

        </div>
    </div>
    </div>
</body>
</html>

谢谢！

解决方法

.icons 以具有该类的元素为目标，因此您可以这样做

<img src="/img/youtube icon.png" class="icons" alt="">

或更新您的选择器以定位该类中的元素：

.icons img {
  width: 30px;
  height: 30px;
}

有多种方法可以做到这一点，但我认为在您的问题中的示例中，您使用不正确的编码来获取图像的宽度和高度：

例如：

<div class="icons">
    <img src="/img/youtube icon.png" width: 30px; height: 30px; alt="">
</div>

应该是这样的：

<div class="icons">
    <img src="/img/youtube icon.png" width="30px" height="30px" alt="">
</div>

如果您正在使用内联样式，我不推荐这样做，您可以这样做：

<div class="icons">
    <img src="/img/youtube icon.png" style="width: 30px; height: 30px;" alt="">
</div>

最好的方法就是拥有一个像这样的简单 css：

.icons img { width:30px; height: 30px; }

将您的课程移至 img 而非 div：

    <div>
        <img class="icons" src="/img/youtube icon.png" alt="">
    </div>

如何缩小css中的图像

如何解决如何缩小css中的图像

解决方法

相关推荐