为什么大多数网站的<textarea>不限制max-width和max-height？
Keinez · 2012-11-18 19:32:31 +08:00 · 3967 次点击这是一个创建于 4390 天前的主题，其中的信息可能已经有所发展或是发生改变。
在这闲逛的时候发现回复框右下角的小标志，手贱的去拖动了一下——
然后它溢出了。
本来寻思这是不是一个bug，毕竟textarea能够随便被拖来拖去不是什么让人舒适的体验。
然而在看了各大网站的CSS后我发现似乎大家都没有限制max-width和max-height……
这到底是一个不成文的规矩，还是前端工程师忘了把这两个属性写上去？
然后它溢出了。
本来寻思这是不是一个bug，毕竟textarea能够随便被拖来拖去不是什么让人舒适的体验。
然而在看了各大网站的CSS后我发现似乎大家都没有限制max-width和max-height……
这到底是一个不成文的规矩，还是前端工程师忘了把这两个属性写上去？
 |
1
binux 2012-11-18 19:36:20 +08:00
textarea不能够随便被拖来拖去是让人不舒适的体验
|
 |
2
jkeylu 2012-11-18 20:27:59 +08:00
同意一楼的，不能拖才是让人不舒服的体验，
像 ie 就各种不能拖啊 |
 |
3
caomu 2012-11-18 20:34:20 +08:00
textarea让用户拖动才是易用啊，比如我在v2ex回复，一下写多了，就拖大一点，这样看着才舒服。
至于拖动而破坏UI，那是用户自己拖出来的效果啊。 另外要防止拖动最好是用 resize:none; 这个属性。 要不就用JS控制文本框高度，写多了就自动伸长，要不拖滚动条好麻烦。 |
 |
4
airyland 2012-11-18 20:38:22 +08:00  1
V2EX的回复框加上 resize: vertical 也许比较合适，防止横向拖动保证布局不会"破"(前面一帖子看过的词)。
|
 |
5
Keinez OP |
 |
6
SAGAN 2012-11-18 21:19:44 +08:00
看了这贴才发现, 原来textarea右下角可以拖拽更改大小啊..
|
 |
7
Sivan 2012-11-18 21:26:31 +08:00
众口难调，我觉得不给 <textarea> 设置 max-width max-height resize 才能适合各种用户和各种输入情况的需求。
如果设置 resize: vertical（一些框架的 reset 已经这样设置了），那么当 <textarea> 区域较窄时就会比较难受。输入大段文字内容时我习惯把 <textarea> 拖出原 width 范围。 |
Select Language