всем мира! ребята помогите разобраться а то что то уже мозги кипят))
почему на экранах мобильных устройств картинки (пресет normal) в списке контента( новости например) выглядит немного размыто? На экране компьютера, все четко?
заметил если ставлю большую картинку ( пресет big) что бы выводилась в списке то тогда чётко на мобильном!
InstantCMS 2.X
#1
12 марта 2018 в 11:39
#2
12 марта 2018 в 12:52
Потому что картинке назначено растянуться по размерам родителя, а размер родителя превышает её реальные размеры.
При этом картинка может быть реальная (тег img) или служить фоном для родителя.
При этом картинка может быть реальная (тег img) или служить фоном для родителя.
#3
12 марта 2018 в 12:59
Олег Васильевич я, картинка тегом img. подскажите как можно победить эту беду)
Сегодня в 12:32
#4
12 марта 2018 в 15:18
Так очевидно же из предыдущего ответа: вывести картинку побольше или изменить стиль.
Олег Васильевич я, картинка тегом img. подскажите как можно победить эту беду)
или подучиться, или попросить, или заказать ))
#5
14 марта 2018 в 10:52
vsemkrot, слишком мало данных. Пресеты стандартные? Список новостей стандартный? Т.е. все по умолчанию?
Могу только предположить, что при просмотре на мобильном картинки показываются с "width: 100%", т.е. растягиваются на весь контейнер и становятся больше чем их реальный размер, отсюда и размытие. Средний пресет по умолчанию 256 пикселей максимум, следовательно при любой ширине колонки больше 256 картинка будет нечеткая.
Способов лечения слишком много разных, зависит от конкретных ваших нужд. Можно оставить пресет big — наверное это самое простейшее.
Могу только предположить, что при просмотре на мобильном картинки показываются с "width: 100%", т.е. растягиваются на весь контейнер и становятся больше чем их реальный размер, отсюда и размытие. Средний пресет по умолчанию 256 пикселей максимум, следовательно при любой ширине колонки больше 256 картинка будет нечеткая.
Способов лечения слишком много разных, зависит от конкретных ваших нужд. Можно оставить пресет big — наверное это самое простейшее.
#6
14 марта 2018 в 10:59
alkokrolik, пресет стоит — Средний normal Авто x 256 90 %, пресет big не вариант ставить уж очень они большие и старница весит много,
для картинки в списке вот аткой css:
width: auto;
max-height: -webkit-fill-available;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
для картинки в списке вот аткой css:
width: auto;
max-height: -webkit-fill-available;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;