Twitter Bootstrap: Отказ адаптивной верстки в IE8 и ниже

Question

Вопрос: Проблемы с адаптивной версткой на сайте, разработанном с использованием Twitter Bootstrap

Я разработал сайт с использованием Twitter Bootstrap, и, похоже, что адаптивная верстка не работает во всех браузерах IE, начиная с версии IE8 и ниже. Это связано с тем, что такие браузеры не поддерживают адаптивный дизайн, или есть другие причины этой проблемы?

Answer 1

Вот шаги, которые я предпринял, чтобы это заработало:

Ознакомьтесь со страницей демо response.js в IE8: демо-страница
Она работает, поэтому скачайте response.js и разместите его локально в папке vendor/assets или где-то еще.
Отключите вашу локальную версию Bootstrap и попробуйте следующий CSS:
```
/* стили для 800px и выше @ 16px! */
@media screen and (min-width: 50em) {
  body {
    background: blue;
  }
}
```
Это сработает!
Так как я использовал CDN, мне нужно было скачать Bootstrap и разместить его локально: Скачать Bootstrap

Теперь это работает с этими строками в вашем проекте:

= stylesheet_link_tag 'bootstrap.min.css'
= stylesheet_link_tag 'bootstrap-theme.min.css'
= stylesheet_link_tag 'my-css'
= javascript_include_tag 'respond.min'

Также не забудьте удалить все объявления @import.

Следуя этим шагам, вы должны добиться корректной работы в IE8.

Twitter Bootstrap: Отказ адаптивной верстки в IE8 и ниже

1 ответ(ов)

Руководство по Markdown

Форматирование текста

Код

Списки

Поддерживаемые языки программирования

Популярные

Другие .NET

Базы данных