Target Device style android – IOS

اذا كان البرنامج المراد انشائة يستهدف اكثر من Device Like android or IOS و يكون الهدف مجرد العمل على بعض النقاط لتغير الشكل او لون او انشاء او اخفاء محتوي موجود فهاذا الكود سيساعدك على تحقيق ما تريد ضع هذا الكود مع باقي الفيلات بطريقة الصحيصة لك

.visible-android {
    display:none;
}

.visible-ios {
    display:none;
}
.on-device .visible-android, .on-device .visible-android {
    display:inherit;
}
.device-ios .visible-android {
    display:none !important;
}
.device-ios .hidden-ios {
    display:none !important;
}

.device-android .hidden-android {
    display:none !important;
}
.device-android .visible-ios {
    display:none !important;
}

// Target android or ios css
var classNames = [];
if (navigator.userAgent.match(/(iPad|iPhone|iPod)/i)) classNames.push('device-ios');
if (navigator.userAgent.match(/android/i)) classNames.push('device-android');

var html = document.getElementsByTagName('html')[0];

if (classNames.length) classNames.push('on-device');
if (html.classList) html.classList.add.apply(html.classList, classNames);

طريقة استهدافك تكون هكذا

// Your element class or id name
.device-android your element class or id name{
    display:none !important;
}