Как укратить картинки?

12 3
djdiplomat
На сайте с 05.08.2009
Offline
136
1285

С этой адаптивной версткой уже перелопатил много какой инфы...

Известно, что если картинками прописать max-width:100%, то они никогда не вылезут за пределы родителя.

Но вот в чем вопрос - на андроиде другая бяка. Предположим прописан max-width:100%;

Но он гад пропорционально уменьшает картинку! Т.е если ширина экрана 400 пикселей, а ширина картинки 500 пикслеей, то он это все дело благополучно сожмет и в итоге весть текст будет занимать примерно 80% экрана!

| **** картинка ******** |

|текст и текст |

|текст и текст |

|текст и текст |

|текст и текст |<-- пусто-->

Как с этим бороться?

Чтобы картинки сжимались до размеров экрана?

Желательно без левых плагинов. Обойтись бы одним css - было бы изумительно.

(сайт на джумле)

DiAksID
На сайте с 02.08.2008
Offline
236
#1
djdiplomat:
... Как с этим бороться? ...

мозг включить. responsive img вписался в экран? отл, следующая отдельная задача - вписать сопутствующий текст...

show must go on !!!...
SK
На сайте с 17.05.2013
Offline
18
#2

Можно воспользоваться советами http://mobile.smashingmagazine.com/2013/06/18/adapting-to-a-responsive-design-case-study/ много букв, но заработает. Однако, лучше воспользоваться сразу заточенным движком под это дело. Картинки, это проблемы всех движков с так называемым отзывчивым дизайном.

MobiCot - PHP Mobile Content Management Framework - RESS ( Responsive Web Design + Server Side Components) (http://www.cotonti.mobi)
melkozaur
На сайте с 06.04.2010
Offline
536
#3

djdiplomat,

Без кода ниче не понять. При чем тут текст?

SeVlad
На сайте с 03.11.2008
Offline
1609
#4
SergeyKocha:
лучше воспользоваться сразу заточенным движком под это дело.

С каких пор движки отвечают за представление в ЮА?

SergeyKocha:
движков с так называемым отзывчивым дизайном.

Не надо путать божий дар с яичницей. Не движки, а шаблоны (/темы).

Делаю хорошие сайты хорошим людям. Предпочтение коммерческим направлениям. Связь со мной через http://wp.me/P3YHjQ-3.
DiAksID
На сайте с 02.08.2008
Offline
236
#5
SeVlad:
С каких пор движки отвечают за представление в ЮА?...

с тех самых, когда в движках появились независимые виджеты под всякие навбвры, сайдбары, менюхи, тумбы и прочую хрень - т.е. оооочень давно...

SeVlad
На сайте с 03.11.2008
Offline
1609
#6
DiAksID:
с тех самых, когда в движках появились независимые виджеты под всякие навбвры, сайдбары, менюхи, тумбы и прочую хрень - т.е. оооочень давно...

Иди в свой детсад сказки ровесникам рассказывать. А взрослым людям неча голову морочить.

Движки у него за вёрстку отвечают. 😮

И отвечай за свои слова.

DiAksID
На сайте с 02.08.2008
Offline
236
#7
SeVlad:
Иди в свой детсад сказки ровесникам рассказывать. А взрослым людям неча голову морочить...

не напрягайся так, ты такой взрослый, что давно в маразме 🙅 побереги себя

тебя ткнуть носом в адаптивные виджеты Yii ? на них и твоего, убитого работой с WP интеллекта должно хватить. а может в Dojo сунешься вдобавок? хотя java-фреймворк явно не по силам тебе будет.

а разжёвывать и сплёвывать в рот инфу тому, кто в другом виде её не воспринимает мне сегодня лень 😂 тема по ссылке обсуждалась уже сто раз - и столько же раз светилась админка MODX и роутеры фреймворков, надоело...

SeVlad
На сайте с 03.11.2008
Offline
1609
#8
DiAksID:
давно в маразме

Мой маразм пока ещё позволяет отличать php от css, программный код от верстки, двигатель от кузова. А ты, как я вижу, всё глубже и глубже впадаешь в детство и никак не подберёшь себе линейку по размеру. Ну не производит промышленность таких маленьких! Есть только микрометр. Не думал, что сексуальное расстройства так может влиять. Но могу рассказать как сделать маленькую линеечку.

djdiplomat
На сайте с 05.08.2009
Offline
136
#9
DiAksID:
мозг включить. responsive img вписался в экран? отл, следующая отдельная задача - вписать сопутствующий текст...
Без кода ниче не понять.

Короче вот сайт http://djdiplomat.ru/odnoklassniki-m/odnoklassniki-sekrety

Чет я нифига не вкурил) Точнее кое что подправил, но вот тестирую на опере (для пк скачал версию для разработчиков) в чем у меня косяк? может кто скажет? Почему на ПК адаптация нормально идет вроде, а на мобильных нет....

djdiplomat
На сайте с 05.08.2009
Offline
136
#10
DiAksID:
следующая отдельная задача - вписать сопутствующий текст...

Может поможете более дельным советом? Как в моем случае вписать? http://djdiplomat.ru/ А то что мозг включить - это и так ясно. Такой фразой можно на любой вопрос ответить...

Можно конкретнее?

12 3

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий