html - 我根本不知道这里发生了什么，我使用了 fontawesome

问题描述

在格式化之前部分中的一些内容之后（这绝对不会对本部分产生影响），这才发生。所有名称的字体大小为 4em (h4)。但不知何故，它显示为不同的大小。它搞砸了我的间距并将这个图标放在任何地方。

我完全对可能导致这种情况的原因感到困惑。

<section class="panel configuration" data-section-name="configuration">
<div class="inner">
<h2>Unser Team</h2>
<p><b>Wir sind im Grunde Ihre Lieblingsleute, die auch tolle Webseiten erstellen, Logos entwerfen und Ihnen helfen, Ihr Geschäft bekannt zu machen, wir sind uns sicher, dass Sie uns mögen werden.</b></p>

<div class="rowz">
        <div class="windowz" style="background: linear-gradient(#ffffff2c, #ffffff05)">
                <div>
                    <img style="border-radius: 50%" src="img/avatar-2.jpg" width="150" height="150">
                    <h4>Luan B</h4>
                    <h3>Gründer und Designer</h3>
                    <i class="fas fa-pencil-alt"></i></i><i class="fas fa-file-code"></i>
                  </div>
            </div>

<div class="windowz" style="background: linear-gradient(#ffffff2c, #ffffff05)">
                <div>
                    <img style="border-radius: 50%" src="img/avatar-1.jpg" width="150" height="150">
                    <h4>Loris K</h4>
                    <h3>Designer</h3>
                    <i class="fas fa-pencil-ruler"></i> <i class="fas fa-swatchbook"></i>
                  </div>
            </div>

    <div class="windowz" style="background: linear-gradient(#ffffff2c, #ffffff05)">
        <div>
            <img style="border-radius: 50%" src="img/avatar-3.jpg" width="150" height="150">
            <h4>Lino P</h4>
            <h3>Backend-Developer</h3>
            <i class="far fa-file-code"></i> <i class="fas fa-code"></i>
    </div></div>
    </div>
    </div>

就是这个部分。我将非常感谢您的帮助。提前致谢。

PS 正常标题和一般字体也不应该这么大

标签： htmlcssfont-sizefont-awesome-5

html - 我根本不知道这里发生了什么，我使用了 fontawesome

问题描述

解决方案

推荐阅读