Question

我调整了此（id = box1）输入文本框的大小，但遇到了问题。最初文本框已调整大小，但稍后，当我在其中写入文字时，它似乎没有调整大小。

HTML：

<div  id="username">
  <form>
    <p>
      <span>UserName:</span>
      <input name="UserName" type="text" size="0" id="box1"   >
    </p>
  </form>
</div>

css：

#username{
position:fixed;
top: 23px;
left: 709px;
right: 10%;
width: 280px;
height: 61px;
font-family: corbel;
border:medium;
border-color:black;
}

Answer 1

使用CSS定位输入并设置字体大小：

#box1 {
  font-size: 20px;
  padding: 5px;
}

您可以查看此CodePen以查看有效示例。

Answer 2

以下是您的回答：http://css-tricks.com/viewport-sized-typography/

使用“vw”。

请记住，人们不会调整窗口大小。他们将以固定的尺寸加载他们的窗口，在某些情况下还有横向和纵向模式。但人们不会重新调整屏幕大小。这是你和我作为网络开发人员在屏幕上测试我们的shizzle所做的事情。

我正在使用“vw”，它就像一个魅力。

你也可以使用fittext.js ---＆gt; http://fittextjs.com/ 我不推荐它，因为你可以使用“vw”，但嘿，你可以选择的选项。

干杯，

Answer 3

您应该使用：

font-size: 20pt;

例如

如何调整文本框中的单词大小？

3 个答案: