安卓上 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
