解决IE和FF下textarea换行不一致的问题

在IE下,输入到textarea的字符长度如果超过textarea的显示宽度,会出现自动换行,如果不是以明确px限定textarea的宽度(比如使用百分比),重新显示这个textarea时会发现textarea自动变宽,以在一行内容纳所有已输入的字符。这在某写情况下会打乱页面的布局,比如这个textarea是放在一个DIV的dialogue中。

而在FF下,则不会出现自动换行的情况,FF自动为超出textarea宽度的字符增加水品滚动条以便拖动显示。即使重新显示textarea,也不会有自动变宽的变化。所以FF对于textarea的支持是不变的,从而是稳定的。

在网上搜到一些解决方案,看来很多人碰到了类似的问题,最终选定两个资料以备参考:

如何统一textarea在IE、Firefox下的效果
统一textarea在IE、Firefox下的效果

我最终选择的方案就是用px限定textarea的宽度,这样在FF和IE下的显示基本一致,除了IE下仍然会自动换行,但这样的宽度限定最大的好处就是不会让IE的自动变宽扰乱整个布局。

在解决浏览器兼容问题时,的确是有些问题需要仔细考虑的:

1.急需解决的到底是什么问题,是客户的需求,还是让页面在不同浏览器下表现一致

2.不同的解决方案会有怎样的后果,哪种更切合客户的需求

3.不同的解决方案的投入产出比

这些问题的答案,决定着投入的时间和工作量的相比,是不是有这个必要非得花工夫去找一些奇技淫巧来解决本无需过分关注的问题,从而忽略了最重要的客户需求。

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值