css - 使用 CSS 使 div 内容看起来更小

Question

我想制作<div class="features">的内容更小，因此它看起来像这样: 查看此演示 here看看我到目前为止能取得什么成就。正如你在图片中看到的功能图标(没有每日限制等......)很小，它们下面的文字居中但我无法做到这一点所以远。

Answer 1

在 css 中为类 特性 提供一些宽度。

<pre>
.features {  width: 800px; }
</pre>

您可以为此使用媒体查询。(如果设备尺寸比您上面提到的要小，那么给定宽度的尺寸将是多少，所有内容都在这里......如下所示。 )

<pre>
@media screen and (max-width: 300px) {
    body {
        background-color: lightblue;
// font-size , margin , padding etc goes here ...

    }
}
</pre>