Milligram: 标题尺寸需要调整。

创建于 2016-11-23 · 18评论 · 资料来源: milligram/milligram

我开始使用Milligram 1.2.0主要是为了生成文档的漂亮样式表。与许多CSS框架相比，在纸面上看起来很棒。

但是标题！坦白说，我无法分辨<h2>和<h3>之间的区别。 Chrome告诉我<h2>得到4.2rem ，而<h3>得到3.6rem ，但是您无法通过查看来分辨。

毫克可以切换到实际上看起来逐渐变小的航向大小吗？或者，也许您可以将我指向一个CSS框架，该框架已经提供了面向文档的良好样式。谢谢

improvement question

资料来源

garretwilson

最有用的评论

@nateberkopec有道理。我会为此做一个公关。让我们看看他们的样子

sudheerDev 于 2016-12-01

🎉2 👍2

所有18条评论

不得不说我同意。框架的狂热用户，但标头有一些不足之处。

nateberkopec 于 2016-11-23

嗨@garretwilson @nateberkopec

好问题，伙计们！我将做一些测试，看看我们如何改善它。关于这个您有什么建议吗？

顺便说一句，我想与您分享一项新功能，该功能最近已添加，以确保框架的质量。它分析并报告对框架所做的任何更改。如果有一个细节没有引起注意，将在与旧版本进行比较之后将其识别出来。这是视觉回归测试，它应有助于改进下一版本的视觉效果。

cjpatoilo 于 2016-11-23

@cjpatoilo在这里和这里都覆盖了传统的印刷比例尺

我认为这里的主要问题是h1和h2没有遵循规模-它们需要更大。

根据这些资源，这里有一个建议：

h1
    font-size: 6.0rem

h2
    font-size: 4.8rem

h3
    font-size: 3.6rem

h4
    font-size: 2.4rem

h5
    font-size: 2.1rem

h6
    font-size: 1.8rem

nateberkopec 于 2016-11-23

我不确定我是否喜欢那么大的东西。但是无论如何，我仍然不能说出h2和h3之间的区别。我认为他们需要更快地减小尺寸。

也许在这里寻找想法：

garretwilson 于 2016-11-23

如果您想要较大的体型大小（如Milligram的16px），则h1可能会很大。这只是排版工作的方式。您不能有较小的标题和较大的正文，尝试将5个不同的标题大小填入一个很小的范围内，这意味着您无法区分标题（如现在）。毫克需要要么使其正文文本变小（我不赞成这样做），要么使其标头变大。

这是弄乱印刷比例尺的另一个工具。

如果您可以接受H6与主体副本相同的大小，请使用以下替代方法：

h1
    font-size: 4.8rem

h2
    font-size: 3.6rem

h3
    font-size: 2.4rem

h4
    font-size: 2.1rem

h5
    font-size: 1.8rem

h6
    font-size: 1.6rem

nateberkopec 于 2016-11-23

如果您还可以接受H6的尺寸与主体副本相同的尺寸……

我只是尝试了其中的前三个，我更喜欢它们！！我可以接受H6与车身相同的尺寸。我建议您默认将H6设为粗体。但是，即使您不这样做，我个人还是很少会降到H6。

garretwilson 于 2016-11-23

移动字体的大小也需要修正-它们太相似而无法使用。我建议仅对移动设备使用相同的比例。

nateberkopec 于 2016-11-23

那么，是否计划在不久的将来发布新版本？

garretwilson 于 2016-11-28

因此，我看到这并没有加入v1.2.2。有什么原因吗？我需要提出拉取请求吗？

garretwilson 于 2016-12-01

嗨@garretwilson @nateberkopec不错的工作。这对我来说很重要♥

讨论是开放的！该框架是一个开源项目，任何人都可以做出贡献。希望更多的人和您一样有共同的兴趣和贡献。我将遍历这里已讨论的所有内容，并尽快进行处理。

cjpatoilo 于 2016-12-01

嘿@garretwilson npm install ..

cjpatoilo 于 2016-12-01

嘿@garretwilson npm install

您能说明一下这是什么意思吗？我从该站点下载了v1.2.2，但似乎并未包含在内。您是在说“ npm install”会给我一些还没有发布的最新消息吗？是v1.2.3版本吗？我就像一台电脑，容易弄糊涂，除非您对我说清楚。

..寒意！

我只是检查状态，因为我不清楚是预定的还是已发布的，还是什么。我还试图弄清楚我愿意提供帮助，但是我不确定是否有人已经这样做了。让我知道我将如何提供帮助。

garretwilson 于 2016-12-01

@nateberkopec不是5.0rem（50px）上的现有h1吗？您是否建议我们减少它？到4.8rem？

sudheerDev 于 2016-12-01

@sudheerDev我不是一个印刷者，我只知道我在互联网上读到的东西。如果您阅读以上有关印刷比例尺的链接，则会看到为什么它是4.8而不是5（基本上-标头大小之间的间距遵循一种模式）。

nateberkopec 于 2016-12-01

👍1

@nateberkopec有道理。我会为此做一个公关。让我们看看他们的样子

sudheerDev 于 2016-12-01

🎉2 👍2

@nateberkopec感谢您的公关！我很忙所以我不推

sudheerDev 于 2016-12-15

@garretwilson @nateberkopec @sudheerDev最后，我能够用这些贡献启动新版本。我根据主要框架搜索了标题大小，最后我对要求的条件有了更充分的了解。我希望你喜欢它！

cjpatoilo 于 2017-01-26

👍2

标题大小更有意义，现在，谢谢。

garretwilson 于 2017-04-13

此页面是否有帮助？

0 / 5 - 0 等级

Milligram: 标题尺寸需要调整。

最有用的评论

所有18条评论

相关问题