Css 使用vw进行字体缩放在手机上是正确的，但在桌面上太大？

使用基本结构，如：

<div class="col-md-6">
    <h1>Some Text</h1>
</div>

现在在手机上这是一个完美的尺寸，在桌面上它太大了。将其改为1.5vw非常适合台式机，但在移动设备上太小了。我在示例中看到的这个尺寸的诀窍是什么

---

请注意，在引导程序中的col-md-6上，父级的样式默认为50%。

查看此页面并查看响应实用程序类。我相信您可以制作两个标题，一个隐藏，一个显示，具体取决于设备大小

---

1 vw单位等于视口宽度的1%，因此如果将其设置为5vw，则实际上是将其设置为视口总宽度的5%，因此桌面宽度的5%将大于移动宽度的5%

你需要使用媒体查询来确定你的具体突破点，并相应地调整你的大众单位

---

CSS技巧在这里为常用的媒体查询提供了一个很好的资源：

媒体查询…您已经将它们放入引导程序中了。请使用它们。；）我为什么要使用媒体查询，而这应该有助于避免对每个元素使用媒体查询？vw的要点是允许平滑过渡，无论视口大小如何。根据CSS技巧（如您所述），这应该是避免媒体查询此类内容的一种方法。如果您根据断点设置字体大小，则无法达到可流动字体大小的目的。正如你在他们的文章中所看到的：在这篇文章的下面有一个gif，它演示了字体大小的变化方式，随着视口的增加而增加。是的，如果希望字体大小随视口的大小而增加，则不需要媒体查询，但我的理解是，您希望在较大的视口中使用较小的字体大小？在这种情况下，据我所知，您需要媒体查询。好的。我想我是在解释那篇文章中的其他内容。我认为这个例子是在较小的视口中，所以看起来像这样。他这样说消除了媒体在这方面的质疑，我觉得有点不对劲。基本上，这个解决方案对移动设备很有效，但对标准桌面尺寸来说根本不起作用。@o_o我不知道你是否还在代码中的其他地方使用vh单元进行布局，但我昨天发现iOS 6-7上有一个错误，它不能正确地呈现vh单元-我想提醒你一下，这是需要记住的。

h1 { 5vw; }