Chrome：制作不可调整大小的文本文件

Question

默认情况下，Chrome会使我的文本大小可调整。我希望控制这一点，或者让它们只能垂直调整大小，或者根本不调整大小。

我该如何做到这一点？

Answer 1

Rails的生成标准的textarea标签，但Safari /铬（的Webkit）显示所有（不仅Rails的:) textareas可调整大小。

它的外观可以通过CSS

textarea { 
    resize: none; 
    } 

被禁用或者，如果只需要垂直调整大小：

textarea { 
    resize: vertical; 
    } 

Answer 2

设置max-width使其仅可垂直调整大小，或设置max-height和max-width停止所有调整大小。

但是，请注意，打破用户对浏览器对待控件的期望往往会造成很多用户的沮丧。

Answer 3

您可以设置列和行像

<%= text_area :object, :attribute, :rows => '10', :cols => '100' %> 
#=> <textarea cols="100" rows="10" id="object_attribute" name="object[attribute]"> 
#  #{@object.attribute} 
# </textarea> 

或指定大小有如

<%= text_area :object, :attribute, :size => "10x100" %> 
#=> <textarea cols="10" rows="100" id="object_attribute" name="object[attribute]"> 
#  #{@object.attribute} 
# </textarea>