Closed (fixed)
Project:
Zen
Version:
7.x-5.x-dev
Component:
IE problems
Priority:
Normal
Category:
Support request
Assigned:
Unassigned
Reporter:
Created:
7 Sep 2012 at 13:01 UTC
Updated:
13 Aug 2013 at 12:11 UTC
How to exclude ie8 and below from applying the media query in my css.
example:
.view-display-id-advertise {
$zen-column-count: 8;
$zen-gutter-width: 20px;
@include zen-grid-container;
@media all and (min-width: 960px) {
.views-field-field-image {
@include zen-grid-item(4, 1);
}
.views-field-body {
@include zen-grid-item(4, 5);
}
}
}Thank you,
Comments
Comment #1
KrisBulman commentedDo you want the entire mq to not display at all in IE8? If that's the case, disable respond.js and you're done.
If you want to serve these styles to IE8 as well as to a mq, you should probably track this ticket:
#1539682: Turn off Respond.js by default, use .lt-ie9 rules for IE8 layouts
Here is an interim solution (only lightly tested):
1. Disable respond.js
2.
The problem with this solution however is that there is a bug in the '&' selector that does not allow it to be set on base selectors, in order for it to work you need to nest the respond-to mixins inside another selector. (which is why it works here). But it's not a deal breaker.. writing:
Gives the same output as writing this:
Bug reference: https://github.com/nex3/sass/issues/286
Comment #2
johnalbin