Проблемы с размером изображения в HTML при работе с разрешениями экрана

Question

Я запускаю небольшое приложение с шириной 70% и высотой 90%, так как остальная часть экрана - меню.

В этом месте мне нужно отображать изображения, которые не являются проблемой, но если изображение слишком большое, это создает переполнение. Если иметь фиксированные свойства для изображения в зависимости от исходного размера изображения, это ухудшит качество или внешний вид изображения. Может кто-нибудь сказать мне, как можно отобразить изображение без переполнения или ухудшения качества изображения?

Что-то вроде того, как работает программа просмотра изображений Facebook.

Answer 1

Тогда не ограничивайте ни ширину, ни высоту.

Ограничьте одно или другое и позвольте браузеру изменить размер изображения в соответствии с его соотношением. Если вы скажете браузеру изменить размер изображения 100x100 до 60x2, оно будет выглядеть ужасно, несмотря ни на что. Но если вы скажете браузеру изменить размер изображения до высоты 60, он автоматически примет ширину 60, чтобы сохранить пропорции изображения, и не будет искажен.

Если вы хотите пойти с галереей изображений, вы можете. Вот тот, который похож на Facebook от быстрого Google: http://phpimagegallery.com/