Я нахожу object.constructor.toString()
return [object objectClass]
в IE, а не function objectClass () {}
возвращен в chome. Итак, я думаю, что код в http://blog.magnetiq.com/post/514962277/finding-out-class-names-of-javascript-objects может не работать хорошо в IE.And I исправил код следующим образом:
var getObjectClass = function (obj) {
if (obj && obj.constructor && obj.constructor.toString()) {
/*
* for browsers which have name property in the constructor
* of the object,such as chrome
*/
if(obj.constructor.name) {
return obj.constructor.name;
}
var str = obj.constructor.toString();
/*
* executed if the return of object.constructor.toString() is
* "[object objectClass]"
*/
if(str.charAt(0) == '[')
{
var arr = str.match(/\[\w+\s*(\w+)\]/);
} else {
/*
* executed if the return of object.constructor.toString() is
* "function objectClass () {}"
* for IE Firefox
*/
var arr = str.match(/function\s*(\w+)/);
}
if (arr && arr.length == 2) {
return arr[1];
}
}
return undefined;
};
Так как fa-icon является компонентом, он не применяет масштабирование, как с необработанным svg.
Вам нужно получить доступ к дочернему элементу в компоненте fa-icon. Попробуйте получить доступ к дочернему элементу svg - (я помню, что дочерний элемент является элементом svg, но используйте ваши инструменты проверки для точного определения)
&:hover {
> svg {
transform: scale(1.1)
-webkit-transform: scale(1.1)
-moz-transform: scale(1.1)
-o-transform: scale(1.1)
}
}
Помните значение по умолчанию transform: scale(1.1)
, оно поддерживается большинство современных браузеров.