安卓上 1px
換成 rem
不顯示的問題
scss 中:
$browser-default-font-size: 37.5px !default;//變量的值可以根據(jù)自己需求定義
@function pxTorem($px) {
@return $px / $browser-default-font-size * 1rem;
}
pxTorem(1px)
不顯示的問題
自己使用 JS 來判斷 安卓系統(tǒng)
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