Current Path : /home/bitrix/vorobey-clubru/resources/xliv/ |
Current File : /home/bitrix/vorobey-clubru/resources/xliv/xliv-images.css |
/* Базовый стил для адаптивной картинки */ img { } /* Адаптивные картинки в колонках */ .two-columns { width: 100%; height: auto; width: 48%; display: inline-block; } .three-columns { width: 100%; height: auto; width: 32%; display: inline-block; } /* Условная расстановка картинок для различных устройств */ .breakpoint { /* Одна колонка для смартфонов */ width: 100%; height: auto; max-width: 100%; display: inline-block; } @media (min-width: 420px) { /* Две колонки для планшетов */ .breakpoint { width: 100%; height: auto; max-width: 48%; } } @media (min-width: 760px) { /* Четыре колонки для больших экранов */ .breakpoint { width: 100%; height: auto; max-width: 24%; } } /* Полномасштабная фоновая картинка */ .full { width: 100%; height: auto; width: 100%; }