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

Статус
В этой теме нельзя размещать новые ответы.

dirdir

Постоялец
Регистрация
19 Мар 2012
Сообщения
112
Реакции
16
Для всех браузеров, чтобы картинка была адаптивной под размер экрана, я прописываю
<img style='width: 100%; max-width:400px;'

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

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

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

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

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

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

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

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

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