Comments 35
Забудьте про эмуляцию Media Queries в IE, они там не нужны.
Спасибо, пригодилось.
Ух ты. А вот это весьма полезно, а то наш верстальщик как-то несколько костыльно сделал.
Спасибо, Кирилл!
Спасибо, Кирилл!
Действительно современное и элегантное решение. Плюсую автора.
Очень грамотно. А главное — более чистый HTML.
Именно так и решил задачу, когда с ней столкнулся. Спасибо, что разложили по полочкам.
Добавлю, что между selectivizr и Respond.js были успешные попытки заставить их работать вместе в IE<9 (примеры: раз, два), но, к сожалению, до production- ready решения дело не дошло. :( Если дружите с JavaScript, можно попробовать этот хак.
Добавлю, что между selectivizr и Respond.js были успешные попытки заставить их работать вместе в IE<9 (примеры: раз, два), но, к сожалению, до production- ready решения дело не дошло. :( Если дружите с JavaScript, можно попробовать этот хак.
Использовать «!important» — плохая практика.
Я не верстальщик, конечно, но всё же… А не проще ли в этом случае использовать display: inline-block?
В этом случае вообще никаких заморочек с адаптивностью нет.
Просто давеча была об этом статья…
В этом случае вообще никаких заморочек с адаптивностью нет.
Просто давеча была об этом статья…
Дык, между колонками в схемах автора всё равно есть некий марджин. Так что в данном случае пробелы мне не кажутся проблемой… Вопрос лишь в том, как в этом случае правильнее/удобнее регулировать расстояние между колонками…
Колоночная верстка на inline-block по определению требует удаления пробелов между блоками в HTML-коде.
Если у вас там пробелы, you're doing it wrong.
Если пробелов нет, то и недостатка у данного метода нет.
Если у вас там пробелы, you're doing it wrong.
Если пробелов нет, то и недостатка у данного метода нет.
Ну как это не готов. 65% пользователей его смогут оценить.
Можно для новых браузеров сделать поддержку через @supports, старые браузеры этот код будут игнорировать.
Спецификация
На данный момент имеет место чехарда: какие-то браузеры поддерживают новую спецификацию, какие-то старую, какие-то не поддерживают вовсе. По вашей же ссылке написано, что новую спеку поддерживают менее трети браузеров.
Полифилл
Пруфлинк (август 2012): css-tricks.com/old-flexbox-and-new-flexbox/
Так что до использования
flexbox недавно была существенно переделана.На данный момент имеет место чехарда: какие-то браузеры поддерживают новую спецификацию, какие-то старую, какие-то не поддерживают вовсе. По вашей же ссылке написано, что новую спеку поддерживают менее трети браузеров.
Полифилл
Flexie.js и SASS-тулкит Compass работают с устаревшей версией flexbox.Пруфлинк (август 2012): css-tricks.com/old-flexbox-and-new-flexbox/
Так что до использования
flexbox в деле еще пока очень далеко. :(Ну,
Compass скоро подтянется.Хм, я использовал как раз inline-block и сабж применял для отмены margin'а у последнего элемента в строке.
Можно было бы, конечно, спроектировать колоночную систему так, чтобы последний элемент имел margin, но я пользовался готовым решением.
Можно было бы, конечно, спроектировать колоночную систему так, чтобы последний элемент имел margin, но я пользовался готовым решением.
Sign up to leave a comment.
Адаптивные колонки