1
Я создал страницу, которая масштабирует большие изображения в соответствии с окном, однако она не позволяет пользователю увеличивать масштаб после загрузки и масштабирования изображения. Я хочу, чтобы начальный размер представления был реализован css, как показано ниже, но после этого я хочу, чтобы пользователь мог увеличить (или увеличить изображение на мобильных/сенсорных устройствах), а также Ctrl + , чтобы вернуться к первоначальному размеру вида. Как я могу это сделать? Вот полный код:CSS: Показать изображение с позицией: исправлено, но разрешить пользователю увеличение
<!DOCTYPE html>
<html>
<head>
<style>
img {
position: fixed;
max-width: 100%;
max-height: 100%;
top:0;
left:0;
bottom:0;
right:0;
margin: auto;
}
</style>
</head>
<body>
<img src="LARGE_IMAGE.jpg">
</body>
</html>
@happymacarts Вы имеете в виду 'scale();'? 'zoom' - старый стиль IE. –
@Tom почему бы и не просто ссылку непосредственно на картинку? Браузеры масштабируют его по умолчанию, и если вы нажмете или зажмите, он увеличит полноэкранный режим. –
@MichaelCoker Потому что я собираюсь отключить щелчок правой кнопкой мыши на изображении, и это возможно только в том случае, если изображение оформлено в HTML-разметке. – Tom