Max-width

[M. Silhouette]

Привет!

Когда заходит речь о картинках в постах, то часто встречаю комментарии о том, что можно прописывать атрибут max-width. Попробовал дважды в своей записи. При публикации он удаляется.

В справке по HTML-тегам этого атрибута нет. Следовательно он не работает на Дайри? или я что-то делаю не так?

Подскажите, пожалуйста.

Comments

[Tenno Seremel]

Это не атрибут. Суть такова:

<img src="myurl" alt="скриншот" style="max-width: 100%;"/>

[Tinka1976]

HarukaTenoh, как раз в этом варианте у меня раньше случались сбои и переписывание кода на просто ширину, а не максимальную ширину. По опыту надёжнее вариант:

<img style="max-width: 100%" src="" alt=изображение >

[M. Silhouette]

А... О!..
Да, так работает.
Спасибо, HarukaTenoh!
Он также взаимодействует с width по схеме: если width больше, то размер задается max-width?

[Tenno Seremel]

Tinka1976, эээ… надёжнее вариант такой же, как у меня и написан??? А просто ширину лучше не прописывать, маленькое изображение растянется. Особенно может быть вырвиглазно в ленте того, кто тебя читает, если у него дизайн во всю ширину.

[Tenno Seremel]

M. Silhouette, max-width ограничивает размер картинки сверху.

[Tinka1976]

M. Silhouette, схема такая:
width: 100% - изображение сжимается или растягивается по ширине блока записи.
max-width: 100% - изображение сжимается по ширине блока записи, если оно больше и растягивается до оригинальной ширины, если меньше.

HarukaTenoh, разница в том, где прописан стиль. После тега или дополнительным атрибутом. Почему-то во втором случае у меня после сохранения несколько раз менялось на просто ширину 100% вместо максимальной ширины 100%.

[M. Silhouette]

HarukaTenoh,

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

Я боюсь как бы не наоборот. Поэтому ширину ставлю в процентах, а максимальную — в пикселях, чтобы не получилось, что условные 50% с широкой лентой это 1500 px

[Tenno Seremel]

Tinka1976, нет никакой разницы. Порядок атрибутов не имеет значения. А вот правильное закавычивание значений может.

M. Silhouette, а смысл? max-width ставится чтобы не разодрать дизайн. Если вы прикрутили к посту огромную картинку, то пусть она будет огромной, пока влазит. А если очень маленькую, то она НЕ увеличится в размерах от max-width.

[Tinka1976]

HarukaTenoh, возможно . Хотя лапки одни и те же, а с тех пор как я пишу стиль впереди, ошибок не было.

[Tenno Seremel]

Tinka1976, ну, работает и хорошо, конечно