Acho que o IE8 não suporta media queries:
http://caniuse.com/css-mediaqueries
Então teria de ser uma solução javascript que ouvisse o evento window.onresize
, e por exemplo, alterasse o atributo class
do body
(e.g. algo como class="width-600"
, ou então class="width-1000"
), para simular media queries. Assim você poderia colocar no CSS seletores específicos para cada classe atribuída ao body
pelo script:
.width-600 seletor {
/* estilos para seletor quando a resolução for até 600 */
}
.width-1000 seletor {
/* estilos para seletor quando a largura for de 600 até 1000 */
}
Se estiver usando jQuery:
$(window).resize(
/* função de redimensionamento */
var w = $(window).width(),
$body = $("body");
$body.removeClass("width-600 width-1000");
$body.addClass(w <= 600 ? "width-600"
: w <= 1000 ? "width-1000"
: "width-1000plus");
);
A classe width-1000plus
é para quando a largura for maior que 1000 pixels.