Адаптация изображений под телефон

[Juanito]

Столкнулся с проблемой, что пользователи телефонов изображения видят сжато. Заливаю через файлообменник.

На форуме стоит ограничение максимального размера 900 на 900.

Как бы при таком раскладе оптимизировать изображения под телефоны, реально ли? Вот тот самый пост

[digger®]

В css своей темы оформления

Код (css) Выделить Развернуть

/* Auto resizing of images in posts and personal messages. */
/* Change sizing to suit your own preferences. */
.inner>img, .inner>blockquote>img,
.inner>.bbc_link>img, .inner>blockquote>.bbc_link>img{
height: auto;
width: auto;
/* This is just to keep images to a handy size, even on large screens. */
max-height: 640px;
/* This prevents images breaking out of the post on small screens. */
max-width: 95%;
}

[Juanito]

Я добавил это в конец index.css, не помогает.

Я вот что ещё заметил. Если я в конфиругация>свойства и параметры>отображение ставлю Максимальная ширина вставляемых изображений и минимальная 900, то появляется эта проблема. Причём если щёлкнуть на изображение то оно становится нормальным. Если там выставить 0, то проблемы нет, но тогда сами понимаете, уже на ПК большие изображения не будут уменьшаться.

[Juanito]

Ох всё, до меня допёрло. Надо было просто вставить этот код, а в админке вообще ограничение убрать. Теперь вроде всё нормально.

[Juanito]

В общем, это решение работает, но только если не центрировать изображение. А вот если его центрировать тегами center, оно вылезает за края блока сообщения без ограниений в админке либо также сжимается на мобилках, если поставить ограничения макс размера в админке. Короче тег center как будто бы аннулирует предложенное вами решение. Это можно починить как-то?

[Juanito]

Мне подсказали решение на оф форуме поддержки. Вот с таким кодом способ работает также и в тегах.

Код Выделить Развернуть

/* Auto resizing of images in posts and personal messages. */
/* Change sizing to suit your own preferences. */
.bbc_img {
height: auto;
width: auto;
/* This is just to keep images to a handy size, even on large screens. */
max-height: 640px;
/* This prevents images breaking out of the post on small screens. */
max-width: 95%;
}