Как IE8 определяет Document Mode, по которому затем рендерит сайты

Картинка масштабируется в зависимости от разрешения экрана

в CSS Хабра .hentry .content img {max-width:100%;

Можно поставить сразу с запасом на будущее
<meta http-equiv="X-UA-Compatible" content="IE=edge" /&gt

(значение «edge» позволяет указывать на поддержку максимально старшей версии браузера — habrahabr.ru/blogs/ie/48968/)

Скажите как можно «случайно» перенастроить DevTools? Это ведь надо его открыть и выбрать пункт меню. Мне кажется, вероятность такого события крайне мала.

Ну почему же? Всё очень даже предсказуемо и весьма соответствует поведению других браузеров.

это действительно круто.

habrahabr.ru/blogs/webdev/31484/

У Firefox, Safari и Opera (начиная с 7.5) и IE8 есть и третий режим — «почти стандартный», при котором рисунки в ячейках таблицы выравниваются по вертикали традиционно (т.е. без текстовых отступов под ними — прим. перев.), а не в строгом соответствии со спецификацией CSS2. IE 6 и 7 для Windows, Opera ниже 7.5 и Konqueror не нуждаются в таком режиме, поскольку даже в своих стандартных режимах не соблюдают спецификации относительно выравнивания картинок в ячйках таблиц. Фактически, их стандартные режимы ближе к «почти стандартному» режиму Мозиллы, чем к ее стандартному режиму.

HTML 5 называет этот режим «режимом с ограниченными причудами» (limited quirks mode).

Да. При всем уважении, статью следовало назвать не «Как IE8 рендерит сайты», а «Как IE8 определяет тип документа» (которые quirks/standard и тп)

упс, совсем слепой стал — не увидел коммент выше

Исправил на «Как IE8 определяет Document Mode, по которому затем рендерит сайты»