چگونه در css برای مرورگر خاصی کد بنویسیم

ممکن است طراحی شما فقط در مرورگر خاصی دچار مشکل شود 

برای اعمال کد های css در مرورگر های Chrome , Mozilla Firefox , Safari , Edge می توانید از کد زیر استفاده کنید :

@media and (-webkit-min-device-pixel-ratio:0) {
/* کد های خود را اینجا بنویسید */
}

حال ممکن است فقط در موزیلا دچار این مشکل شوید

 /*Mozilla*/
    @-moz-document url-prefix() {

    }  

شاید هم برعکس باشد فقط در IE بخواهید کد CSS درج کنید

    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

    }

لطفاً تجربه و نظر خود را با ما درمیان بگذارید

ارسال نظر

Loading