浏览器兼容chrome

Posted 2020-09-02

1.word-break默认不是break-word，而是keep-all，会导致固定width的容器中文字过长时文字会不换行而是溢出容器。这个问题在中文字符时不会出现。
2.input的placeholder必须加上placeholder的颜色定义才能生效
input::-webkit-input-placeholder {
    color: #f00;
}
FF的placeholder默认是color的淡色。
3.在input自动填充表单时，input会有黄色背景
http://segmentfault.com/q/1010000000671971

主要解决方法：
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
  -webkit-text-fill-color: #333;
}
4.
ff和chrome，在a之中包含一个块元素，无论这个块元素是否设置宽度，这一整行都会成为a的范围，但在控制台中查看a的宽度却是块元素的宽度。
FF44.0.2 chrome46.0.2490.80
<div>
    <a href="css三角.html">
        <div style="width: 600px;height: 400px;background: red;"></div>
    </a>
</div>
5.chrome与IE下，jq元素未append到页面时，无法计算width、height
6.chrome的43.0.2357.81 m 版本，word-break:keep-all属性不存在
7.chrome在elem被append到文档前，使用jq获取其未设定的css属性如margin-left、display、position，结果是空字符串
而在FF下是‘0px‘、‘block‘(或inline等) 、‘static‘
在IE8下全是undefined。
IE9-11下同FF
必须一提的是，width的结果都是"0px"
8.window.close()在chrome下，最后一个标签页无法关闭。执行close后再执行window.location.href = ‘about:blank‘;吧。