2017年常用的CSS Hack技巧如下：

1.各瀏覽器私有前綴

//眾所周知，各瀏覽器的私有前綴不一樣
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;

2.ie6、ie7

/* ie6和ie7下某些元素display:inline-block樣式會(huì)失效的hack */
.inline-block {
display: inline-block;
*display: inline; /* ie6&7 hack for display:inline-block */
*zoom: 1; /* hasLayout 為true，讓浮動(dòng)元素具備清除浮動(dòng)的能力 */
}
/* ie6下 div最小高度不起作用 */
* html .min-height {
height: 350px;
overflow: visible;
_overflow: hidden;
}

3.ie8、ie9

/* ie8、ie9下某些元素默認(rèn)會(huì)觸發(fā)IE7 engine，比如下面的代碼會(huì)觸發(fā)IE7 engine，通過添加如下meta可以解決 */

4.谷歌瀏覽器

/* 谷歌瀏覽器Chrome中文界面下 在某個(gè)元素上清除浮動(dòng)不生效 */
.xxx:after {
content: '';
display: table;
clear: both;
}

5.ios端Safari

/* iOS端Safari下的在表單元素上的placeholder會(huì)出現(xiàn)藍(lán)色下劃線 */
::-webkit-input-placeholder {
color: #333;
}