更改占位符文本的大小以适应移动设备

Question

我有几个这样的输入：

<input id="company_name" type="text" class="form-control" name="company_name" value="" placeholder="COMPANY OR TRADING NAME"></div>

我正在使用最新的bootstrap版本，但您可以想象，占位符文本太大而无法在垂直移动帮助上显示。有没有办法让它变小？

由于

Answer 1

您可以尝试这样的CSS：

1.4.0.RELEASE

因此，当您的屏幕小于500px时，它将显示较小的0.5em字体，当您有一个较大的屏幕时，它将显示较大的1em字体。您应该首先将CSS编写为移动设备，因为在资源更加有限的移动设备上，它会更快。

虽然我现在想到了......如果你正在使用它，它应该扩展到显示屏。您使用px作为字体大小吗？

Answer 2

您可以更改媒体查询中输入字段的字体大小。