how to compatible CSS for chrome, IE8 and IE9

Discussion in 'HTML & Website Design' started by Magentoecommerce, Apr 23, 2012.

0
  1. #1
    - Open css from skin/frontend/default/yourstore_name/css/reset.css.

    - Put below code for Chrome compatibility

    @media screen and (-webkit-min-device-pixel-ratio:0) {
    .new img { margin-left:128px; }
    }

    - For IE8 compatibility

    @media \0screen{ .new img {
    margin-left: 130px\9; }
    }

    For IE7 compatibility

    @media screen\9 {
    .new img {
    margin-left:42px;
    }
    }

    -For IE9 Compatibility

    :root .new img { margin-left:130px \0/IE9; } /* IE9 */
    OR
    @media all and (min-width:0) {
    .new img { margin-left:128px \0/; } /* IE9 */
    }
     
    Magentoecommerce, Apr 23, 2012 IP