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

Тема в разделе "Верстка", создана пользователем dirdir, 28 окт 2015.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Статус темы:
Закрыта.
Модераторы: ultra
  1. dirdir

    dirdir Постоялец

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

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

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

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

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

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

    inturned Webmaster & Designer

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

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

    Iga

    Регистр.:
    12 янв 2014
    Сообщения:
    189
    Симпатии:
    24
    Скорее у разработчиков браузеров

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

    Didi Создатель

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

    sitecreator

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