Дмитрий Радищев (dibr) wrote,
Дмитрий Радищев
dibr

max-width

     Продолжаю терзать несчастный стиль max-width.
     Несколько постов назад запостил широкую (1600px) фотку, без ката, но добавив в img стиль style="max-width:90%". Проверил "на себе" (на своей френдленте, на френдленте произвольного взаимофренда, проверялось в хроме) - всё масштабировалось нормально.
     Сейчас выяснил, что в ряде случаев этот img таки рвёт ленту - например, при просмотре в FF. Хотя при этом по inspect element выдаётся, что max-width ничем не перекрыт и активен.
     У кого-нибудь ещё тот пост (с ночной фоткой) ленту рвал? Есть идеи, как предотвратить (кроме явного задания ширины в пикселях и/или прятания под кат)? Или, может быть, я где-то лажанулся и не заметил?
     !important пробовал - с ним вообще магия происходит: в хроме всё работает как и работало (и !important в коде страницы есть, я проверял), а в опере и ФФ - из кода страницы(!) исчезает этот самый !important. Что лично меня несколько фрустрирует - ладно, допустим жежешечка сама срезает "опасные" по её мнению стили, но не селективно по браузерам же :-)

     UPD: I win, I win!!! Просто style="max-width:90%!important" недостаточно, надо дополнительно явно указать width="90%"! Тогда, тьфу-тьфу, не рвёт. [Хотя по-моему это бардак.]Но вообще бардак по-моему. Если width не указан - должен использоваться naturalwidth (или как там его), если указан max-width - width должен ограничиваться по max-width, если ширина указана в процентах, по стандарту она берётся "от ширины родительского элемента". И в хроме всё так и есть, а в ФФ - нет. Если же я указал width=90% и max-width=90%, то во-первых это тавтология (90%, но не более 90%), а во-вторых при этом получается что на широком экране (с охватывающим элементом больше naturalwidth) я прошу браузер увеличить картинку больше чем она есть! Но этого - не происходит, картинка остаётся естественного размера. То есть получается что надо бы мне сделать width=90%, а max-width - равным naturalwidth, но что-то не очень хочется это тестировать - а ну как опять сломается. Бардак, в-общем :-/
     В подспойлерную фотку добавил width="90%" - проверьте теперь, не рвёт ли? И, это. Если у меня чего кого рвёт и мечет - пишите сразу, ок? А то я ведь могу и не знать, что кому-то ленту разорвал :-)

[для удобства - та самая фотка под спойлером]
Subscribe

  • Петров и Боширов

    — Простите, часовню тоже я развалил? — Нет, это было до вас, в четырнадцатом веке. Не в 14 веке, а в 14 году, не часовню, а склад с оружием в…

  • Архивы канализации

    "Как только стало ясно, что от пандемии ковида спастись не удастся никому, а тестов катастрофически не хватает, многие страны с налаженной системой…

  • Си!

    "2.3.1 Integer constants An integer constant is a sequence of digits. An integer is taken to be octal if it begins with 0, decimal otherwise. The…

  • Post a new comment

    Error

    default userpic

    Your IP address will be recorded 

    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.
  • 21 comments

  • Петров и Боширов

    — Простите, часовню тоже я развалил? — Нет, это было до вас, в четырнадцатом веке. Не в 14 веке, а в 14 году, не часовню, а склад с оружием в…

  • Архивы канализации

    "Как только стало ясно, что от пандемии ковида спастись не удастся никому, а тестов катастрофически не хватает, многие страны с налаженной системой…

  • Си!

    "2.3.1 Integer constants An integer constant is a sequence of digits. An integer is taken to be octal if it begins with 0, decimal otherwise. The…