安卓上 1px 换成 rem 不显示的问题
scss 中：
$browser-default-font-size: 37.5px !default;//变量的值可以根据自己需求定义
@function pxTorem($px) {
@return $px / $browser-default-font-size * 1rem;
}
pxTorem(1px) 不显示的问题
自己使用 JS 来判断 安卓系统
var isMobile = {
Windows: function() {
return /IEMobile/i.test(navigator.userAgent);
},
Android: function() {
return /Android/i.test(navigator.userAgent);
},
BlackBerry: function() {
return /BlackBerry/i.test(navigator.userAgent);
},
iOS: function() {
return /iPhone|iPad|iPod/i.test(navigator.userAgent);
},
any: function() {
return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Windows());
}
};
if(isMobile.Android()){
// 安卓下没有表格 border
$('td').css('border','1px solid #999');
}
来增加 border
