Дмитрий Радищев (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

Recent Posts from This Journal

  • казан-экспресс

    У казан-экспрессов опять локальная ценовая аномалия. Короткая (именно короткая, 10см) струбцинка за 109р. Не то чтобы это было прям дёшево-дёшево, у…

  • пиктографика

    Одна из пиктограмм с пакета, в котором казан-экспресс выдают заказ. Я очень не сразу сообразил, что тут нарисовано ~:-D

  • root

    Прочитал тут правильную идею. Что правительство должно заставлять производителей мобильных устройств не "предустанавливать отечественный софт" вроде…

  • 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

Recent Posts from This Journal

  • казан-экспресс

    У казан-экспрессов опять локальная ценовая аномалия. Короткая (именно короткая, 10см) струбцинка за 109р. Не то чтобы это было прям дёшево-дёшево, у…

  • пиктографика

    Одна из пиктограмм с пакета, в котором казан-экспресс выдают заказ. Я очень не сразу сообразил, что тут нарисовано ~:-D

  • root

    Прочитал тут правильную идею. Что правительство должно заставлять производителей мобильных устройств не "предустанавливать отечественный софт" вроде…