jQuery UI Resizable - Preserve aspect ratio
#resizable { width: 160px; height: 90px; padding: 0.5em; }
#resizable h3 { text-align: center; margin: 0; }
$(function() {
$("#resizable").resizable({
aspectRatio: 16/9
});
});
Preserve aspect ratio
Maintain the existing aspect ratio or set a new one to constrain the proportions on resize. Set the aspectRatio option to true, and optionally pass in a new ratio (i.e., 4/3)