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

Question

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

0

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

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

Однако это не ограничивает ограничения и отображает исходный размер изображения независимо.

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

JackofAll 18 сен. 2013, в 11:56

Источник

Теги:

html

css

image

resize

image-resizing

3 ответа

Ещё вопросы

Tim · Answer 1 · 2013-09-18T08-26-00.000Z

использовать "стиль"

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

Ganesh Pandhere · Answer 2 · 2013-09-18T08-31-00.000Z

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

Я не хочу, чтобы это растягивалось, понимаешь!

Bhojendra Nepal · Answer 3 · 2013-09-18T08-07-00.000Z

Вам нужно установить width: 100%; и height: 100%; также.