Макс. Высота и максимальная ширина

Question

У меня есть набор отображаемых изображений, размер которых не может превышать 100 пикселей x 59 пикселей. Тем не менее, у меня есть несколько таких изображений, размер которых меньше примерно 70 пикселей x 59 пикселей. Для этого у меня есть эта строка HTML для отображения изображений:

<img src="image/image1.jpg " max-width="100px" max-height="59px" alt="Image1"> 

Это, однако, не ограничивает ограничения и отображающее Orginal размера изображения независимо.

Почему это происходит?

Answer 1

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

Answer 2

Вам необходимо установить width: 100%; и height: 100%;.

Answer 3

использование «стиль»

<img src="image/image1.jpg" style="max-width: 100px; max-height: 59px;" alt="Image1">