我創建了一個系統，用戶將上傳圖像，將其大小調整到一定寬度，然后用戶可以裁剪圖像（使用 imgAreaSelect 但升級到 Jcrop 以添加移動使用）。我這一切都工作正常。一旦用戶將 Jcrop 的選擇器移動到他們想要的位置并選擇保存按鈕，我就讓 jQuery 編寫一些花哨的 CSS 來顯示用戶想要的圖像部分（其余部分通過 隱藏）加上更多表單來添加照片信用和overflow: hidden其他有關照片的信息。這再次在桌面上運行得很好。該圖像在移動設備上為全尺寸且不響應，因此您看不到照片的大部分內容。我已經嘗試解決這個問題有一段時間了（除了禁用預覽照片）。有什么方法可以讓我的方法做出響應嗎？$(document).on('click','#save-image',function() {    //$('img.mobimg').imgAreaSelect({remove:true});    //$('#the-image').fadeOut();    //Write the preview image using variables from image selector.    $('#the-image').fadeOut().html('<div align="center"><div id="img" style="position: relative; width: '+$('#w').val()+'px; height: '+$('#h').val()+'px; overflow: hidden;">'+                            '<img src="'+theimg+'" id="finished-image" style="position: absolute; top: -'+$('#y1').val()+'px; left: '+$('#x1').val()+'px;">'+                          '</div></div><hr>').fadeIn(function() { $('#finished-image').addClass('img-responsive'); });    // Fade in form to allow user to finish adding details.    $('.form-finish').fadeIn();    // Fade in main form submit button to allow user to submit the completed form.    $('.panel-footer').fadeIn();  // Final Submit Button to Fade In        jcrop_api.destroy();});