做有态度的前端团队

网易FEG前端团队

Bug汇总

又有一段时间没整理了,在这汇总下最近遇到的bug和解决方法

1、去除inline-block元素间间距的两种方法

<div class="abc">
    <a href="">a</a>
    <a href="">b</a>
</div>
/*方法一*/
.abc{
    display: inline-table;  //chrome
    word-spacing: -6px;
 }
a{
    word-spacing: 0;
    display: inline-block;*display: inline;*zoom: 1;
    font-size: 12px;padding: 10px;background: #c00;color: #fff;
}
/*方法二*/
/*IE6/7浏览器有时候会有1像素的间距*/
.abc{
    height: 100px;
    font-size: 0;-webkit-text-size-adjust:none;
}
a{
    display: inline-block;*display: inline;*zoom: 1;
    font-size: 12px;padding: 10px;background: #c00;color: #fff;
}

2、页面经常有预约模块,这时候就有表单输入,最近在Android浏览器上遇到了奇怪的bug

clipboard.png

目前只能通过设置input的字体大小大于等于16px,也许浏览器认为,只有input中的字体大于等于16px时用户才能看得清楚。

3、又一奇怪bug,maxlength="11"设置输入11个,没生效。

clipboard1.png

html是这么写的

<input type="text" class="tx_order_phone" placeholder="预约送官网特权礼包" maxlength="11">

但是,但是,怎么就限制不了11位了。最后把,type="text"改成type="tel"就可以了,通常这种输入手机号码的,移动端也是用type="tel"来写,可以直接调用数字键盘

手机阅读请扫描下方二维码:

已有 1 条评论

  1. 第三点,type="text"浏览器会默认调用文字输入键盘,而在这种键盘模式下,用户可以连续敲打,但实际并没有输入到页面,等连续敲超过11个字母或者数字时再点击确定后,就会把所有内容一次输入输入框,这种就会出现限制字符无效的情况了

添加新评论

ali-40.gifali-41.gifali-42.gifali-43.gifali-44.gifali-45.gifali-46.gifali-47.gifali-48.gifali-49.gifali-50.gifali-51.gifali-52.gifali-53.gifali-54.gifali-55.gifali-56.gifali-57.gifali-58.gifali-59.gifali-60.gifali-61.gif