html - Conditional IE8 stylesheet not loaded -
i'm having problem getting conditional ie8 , below stylesheet work. i've placed conditional statement below regular stylesheet links no result.
this current setup:
<link rel="stylesheet" type="text/css" media="all , (max-width: 640px)" href="/css/mobile-new.css" /> <link rel="stylesheet" type="text/css" media="all , (min-width:641px) , (max-width: 768px)" href="/css/tablet.css" /> <link rel="stylesheet" type="text/css" media="all , (min-width:769px) , (max-width: 1024px)" href="/css/tablet-landscape.css" /> <link rel="stylesheet" type="text/css" media="all , (min-width:1025px)" href="style.css" /> <!--[if lte ie 8]> <link rel="stylesheet" type="text/css" href="style.css" /> <![endif]-->
as can see should use regular 'desktop' stylesheet media queries not supported in ie8 , below. if place
<link rel="stylesheet" type="text/css" href="style.css" />
in head works fine , styles displayed in ie8 need seperate stylesheets mobile/tablet versions.
i've tried respond.js , css3-mediaqueries.js skip conditional stylsheet part no result.
since using internet explorer 11 trying emulate internet explorer 8, find poor job of it.
use site browserstack , can run actual computer running ie8 , there, should find code works supporting conditional statements, unlike ie11, has dropped conditional statements.
Comments
Post a Comment