Вид материала файлов [Картинка растягивается]
|
|
trem200 | Понедельник, 19 Декабря 2016, 17:09 | Сообщение 1 |
| Привет, проблема с видом материала, а именно картинка растягивается, и тем самым выглядит не очень красиво.
Как это исправить?
igrowoz.ru
Вид материала в модуле каталог статей, где картинки растягиваются
| [ RU ] |
| |
Angerfist | Понедельник, 19 Декабря 2016, 21:31 | Сообщение 2 |
| trem200, я смотрю тебе уже подсказали, напишу что сделал, мало ли по этому Материалу будут и дальше вопросы возникать.
Выход заключался в применении свойства object-fit которое управляет соотношением сторон заменяемых элементов, таких как и , когда у них задана ширина или высота, и значения cover чтобы целиком заполнить область под изображение с сохранением пропорций.
Код .img-poster img {object-fit: cover; height: 220px; width: 100%;border-radius: 5px;}
Для шпаргалки Ссылка.
No regrets
Сообщение отредактировал Angerfist - Понедельник, 19 Декабря 2016, 21:32 | [ RU ] |
| |
Kosten | Понедельник, 19 Декабря 2016, 22:34 | Сообщение 3 |
| Смотрю этот вид материала немного переделан, а точнее собран из двух.
| [ RU ] |
| |
trem200 | Понедельник, 19 Декабря 2016, 23:42 | Сообщение 4 |
| Angerfist, Я это сделал, просто посмотрел код другого материала, который стоял на сайте, и добавил нужный стиль в классе, а так материал очень красивый.
| [ RU ] |
| |
Kosten | Вторник, 20 Декабря 2016, 00:55 | Сообщение 5 |
| trem200, но вид материала настроен под мобильные устройства, что отлично, и можно начинать что то заливать, хотя вверх сайта нужно создать.
| [ RU ] |
| |
trem200 | Вторник, 20 Декабря 2016, 10:32 | Сообщение 6 |
| Цитата Kosten ( ) но вид материала настроен под мобильные устройства, что отлично, и можно начинать что то заливать, хотя вверх сайта нужно создать.
Согласен, но думаю пока начну заливать файлы и новости на сайт, чтобы больше посетителей было.
| [ RU ] |
| |