susy, медийни заявки и lt IE9 [затворено]

Чудех се какви (ако има такива) подложки използвате, за да накарате магическите мрежи да реагират правилно в SUSY в IE8 и под?

На ненатрапчиви сайтове винаги съм използвал moderizr или shim от google и те работеха според очакванията. Работя върху първия си SUSY сайт и медийните заявки за най-големия размер не се включват.

http://dev.apehangar.com


css internet-explorer media susy-compass
person Community    schedule 15.10.2012    source източник
comment
Лично аз използвам решение, базирано на тази концепция: jakearchibald.github.com/sass-ie   -  person cimmanon    schedule 15.10.2012
comment
Благодаря ти cimanon. Също така току-що опитах respond.js и той също върши работа. Все още трябва да работите върху няколко, т.е. само % ширини на няколко контейнера, но това не би трябвало да е твърде трудно. Но отново, благодаря ви за отделеното време!   -  person    schedule 15.10.2012

Отговори (1)


arrow_upward
3
arrow_downward

Не ми е ясно какъв "шим" търсиш. Не знам никакъв добър начин да накарам MQ да работят в IE8, но Susy има опция за изходни стилове под резервен клас. Тези стилове няма да реагират динамично, но можете да ги използвате, за да изпратите на IE десктоп сайт:

.page {
  width: 20em;
  @include at-breakpoint(30em 12 no-mediaqueries) {
    width: 70em;
  }
}

Ще изведе:

.page { width: 20em; }
@media (min-width: 30em) { .page { width: 70em; } }
.no-mediaqueries .page { width: 70em; }

Можете да замените "no-mediaqueries" с всеки резервен клас, който искате. Просто се уверете, че този клас е приложен с помощта на Modernizr или IE условни коментари.

person Miriam Suzanne    schedule 16.10.2012
comment
о, не знаех за no-mediaqueries. Така например, ако работя с мобилен размер до настолен компютър, в моите точки на прекъсване мога да добавя no-mediaqueries и да задам моята ширина на .page на моя голям (настолен) размер? Така ли бихте го направили? - person ; 18.10.2012
comment
Просто добавете резервния вариант без mediaqueries към всяка точка на прекъсване, която искате да бъде прочетена от IE8. Ако използвате променливи за вашите точки на прекъсване (напр. $desktop: 70em 12;), можете да добавите резервния клас там и той ще се използва във всичките ви $desktop точки на прекъсване. - person Miriam Suzanne; 18.10.2012