max-width в стандартном браузере Android

[dirdir]

Для всех браузеров, чтобы картинка была адаптивной под размер экрана, я прописываю
<img style='width: 100%; max-width:400px;'

Но в стандартном браузере андроида, картинка схимается до пары пикселей.
Для андроида нужно прописать вот что.
<img style='max-width: 100%;'

Объясните мне суть оличия? И почему все браузеры. ВСЕ, кроме андроида, коректно отображают ширину картинки. Т.е. не более 400px, и 100 от размера ячейки. С учётом того что правая ячейка фиксирована и занимает 300px. Т.е. ячейка с картинкой занимает всегда оставшееся местно.

Но кроме как в андроиде.

Приходится городить всякую ересь вроде if браузер андроид {показываем свой стиль}

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

 

[inturned]

Объясните мне суть оличия? И почему все браузеры. ВСЕ, кроме андроида, коректно отображают ширину картинки. Т.е. не более 400px, и 100 от размера ячейки. С учётом того что правая ячейка фиксирована и занимает 300px. Т.е. ячейка с картинкой занимает всегда оставшееся местно.

Ну как тебе это объяснить? А то что некоторая верстка нормальная не понимается фф, когда у тебя в хроме все нормально?
А ИЕ (одна из причин почему я с этим дерьмом не работаю) вообще половину css не понимает, он не знает что такое display:inline-block, это как пример.

По факту у разных браузеров есть свое представление о веб-страницах, тут иногда полезны и хаки для них, а вот и статья: Для просмотра ссылки Войди или Зарегистрируйся

 

[Iga]

у разных браузеров есть свое представление о веб-страницах

Скорее у разработчиков браузеров

Да, нет ничего универсального. Везде приходится изгаляться, и чем новее технология, тем больше приходится плясать с бубном, так как не все поспевают за обновлениями и не все разбираются в ассортименте программного обеспечения.

 

[Didi]

Я добавлю также, что правильнее сделать max-width: 100%; width:400px;
Стандартно принято использовать картинку для адаптивности именно max-width: 100%;
Можете посмотреть в CSS коде BootStrap.
Также в данном случае не факт что проблема именно в андроиде, там было бы правильнее код продебажить, хотя не исключено что глюк.
Просто из опыта скажу, не спешить с выводами.

 

[sitecreator]

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

Нужно попробовать хотя бы в разных версиях этого дефолтного браузера.
Не раз встречался с ситуацией, когда только на определенной версии браузера воспроизводилась ошибка, а уже в следующей была она исправлена.