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

标签 css

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

最佳答案

在 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>

关于css - 使用 CSS 使 div 内容看起来更小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29544798/

相关文章:

css - 您如何确定 CSS 属性是否需要特定于浏览器的前缀?

javascript - 警报弹出窗口 onclick 不起作用

html - 需要帮助使 div 垂直居中

css - 如何知道 Metro Viewstete 没有全屏

html - CSS z-index 之谜

javascript - 如何在现有的 Materialise css 按钮和导航栏中添加自定义 css 样式?

html - 无法使框水平滚动而不是垂直滚动

javascript - jQuery随机定位死循环问题

javascript - Bootstrap 3 Accordion 面板问题

如果元素有两个类,则 CSS 删除