/ / Як створити нову підтримку фонду Zurb для IE 7+? - адаптивний дизайн, зурб-фундамент

Як зробити нову підтримку Фонду Zurb для IE 7+? - responsive-design, zurb-foundation

Нещодавно я створив чуйний веб-сайт. я використовую Фонд Збурга тому що поради та статті - найкраще рішення для підвищення ефективності веб-сайту. Але проблема - нова версія фонду не підтримує IE 7+, як ви бачите тут, але я хочу підтримувати свій веб-сайт для всієї версії IE. Деякі пропонують поради використовувати старий фонд (тобто проти 3). Але я думаю, що найновіша версія - найкраща.

Моє запитання, будь-яке рішення створити новий фонд (проти 4) підтримку IE? Мені потрібна порада, тому що я стою тут. Дякую

Відповіді:

9 для відповіді № 1

Проблема IE7 та IE8 полягає в тому, що вони не мають вбудованої підтримки для медіа-запитів.

Є кілька варіантів, які може допомогти вам, хоча крос-браузерні поліфункції які додають підтримку медіа-запитів до старих браузерів.

Два найбільш популярні respond.js і css3-mediaqueries.js . Я мав успіх з обома.

У голові сторінки ви тестуєте браузер і завантажуєте один із цих сценаріїв, якщо це необхідно.

Способи, які я робив це в минулому, або мають умовні коментарі:

<!--[if (lt IE 9) & (!IEMobile)]>
<script src="path-to/respond.js"></script>
<![endif]-->

або за допомогою модернізр

Modernizr.load([
{
// The test: does the browser understand Media Queries?
test : Modernizr.mq("only all"),
// If not, load the respond.js file
nope : "/js/respond.js"
}
]);

Обидва способи спробувати досить просто, і навіть якщо ви не допоможете вам у цьому конкретному випадку, ви, мабуть, отримаєте можливість спробувати їх ще раз на іншому сайті.

Удачі!


0 для відповіді № 2

Я написав це http://justthisguy.co.uk/responsive-sass-and-ie/ що дивиться на використання завантажувального пристрою та використання sassгенерувати таблицю стилів ie7, яка за замовчуванням переглядає робочий стіл. Я буду працювати над базовою версією його в якийсь момент. Це призводить до дублювання правил css, але щось подібне https://github.com/addyosmani/grunt-uncss може бути використаний для видалення дублювання