我創(chuàng)建了一個(gè)系統(tǒng)，用戶將上傳圖像，將其大小調(diào)整到一定寬度，然后用戶可以裁剪圖像（使用 imgAreaSelect 但升級(jí)到 Jcrop 以添加移動(dòng)使用）。我這一切都工作正常。一旦用戶將 Jcrop 的選擇器移動(dòng)到他們想要的位置并選擇保存按鈕，我就讓 jQuery 編寫一些花哨的 CSS 來(lái)顯示用戶想要的圖像部分（其余部分通過(guò) 隱藏）加上更多表單來(lái)添加照片信用和overflow: hidden其他有關(guān)照片的信息。這再次在桌面上運(yùn)行得很好。該圖像在移動(dòng)設(shè)備上為全尺寸且不響應(yīng)，因此您看不到照片的大部分內(nèi)容。我已經(jīng)嘗試解決這個(gè)問題有一段時(shí)間了（除了禁用預(yù)覽照片）。有什么方法可以讓我的方法做出響應(yīng)嗎？$(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();});