使用CSS与cols和行调整textarea的大小

Question

使用cols和row调整textarea的大小和使用高度和宽度调整textarea的大小有什么区别？

<textarea id="TextArea1" cols="73" rows="12">with cols rows</textarea>
<textarea id="TextArea2" style="height:200px; width:600px";>with CSS</textarea>

jsFiddle

Answer 1

cols和rows与字体大小有关。 height和width不是。

http://jsfiddle.net/rVUEE/1/

编辑：说他们相对于“字体大小”有点过于简单了。如果明确设置，他们会考虑line-height和letter-spacing等内容。

Answer 2

1. HTML规范要求cols和rows属性。 W3C HTML5（2014年批准）使它们成为可选项，但具有不切实际的默认值（20和2）。
2. 即使禁用CSS，属性也会生效。
3. 另一方面，如果在CSS中也指定了尺寸，则属性“丢失”。
4. rows属性以行的形式指定高度（实际上，行高度为隐含单位），cols属性以“平均”字符宽度指定宽度，a非常模糊的概念，浏览器的解释非常不同。在CSS中，可以使用任何CSS单元，并且必须明确指定。

Answer 3

CSS并不是那么不同。结果将（几乎）相同。

我大部分时间都使用max-width，min-width和相同的高度。在Chrome等新版浏览器中，您可以调整文本区域的大小。