Vuekeepratio2.0涓€涓繚鎸丏OM绾垫í姣旂殑Vue缁勪欢鍋氱偣浠€涔堟瘮杈冨ソ銆傜劧鍚庢壘鍒颁簡涓€涓€侀」鐩畍ue-keep-ratio锛屼竴涓敤鏉ュ浐瀹氭煇浜汥OM鍏冪礌鐨勭旱妯瘮鐨剋idget銆備箣鍓嶇殑瀹炵幇鏂瑰紡姣旇緝绗ㄣ€傚畠閫氳繃鐩戝惉娴忚鍣ㄧ敋鑷矰OM鐨勫昂瀵稿彉鍖栦簨浠舵潵璋冩暣鐩稿簲DOM鐨勫昂瀵搞€傛渶杩戠湅鍒癈SS鏈変竴涓柊鐨勫睘鎬spect-ratio锛屽彲浠ョ敤鏉ュ浐瀹氭寚瀹氱殑DOM瀹介珮姣斻€傛垜寰堥珮鍏达紝浣嗙湅鐫€鏀寔锛岃鎴戜笉姘旈鏄亣鐨勶細鍦ㄧ瓑寰呭ぇ澶氭暟娴忚鍣ㄥ吋瀹圭殑鍚屾椂锛屾垜浠渶瑕佹兂涓€浜涙洿閫氱敤鐨勬浛浠ｆ柟妗堛€傛墍浠ユ牴鎹垜涔嬪墠鐨勪竴涓褰曪紝鍏煎鎵€鏈夋祻瑙堝櫒鐨勫浐瀹氬楂樼櫨鍒嗘瘮瀹炵幇锛屾垜鍐冲畾閲嶅仛杩欎釜缁勪欢銆傚疄鐜板叾瀹炴病浠€涔堬紝鍙互鍘昏繖閲岀湅鏁堟灉CodepenFixedAspectRatioDemo濡傛灉鎯崇湅浠ｇ爜锛屽彧闇€瑕佺湅杩欓噷VueKeepRatio.js-Github锛屼竴鍏?8琛屻€傜户缁畬鍠勪腑锛屽鏈夋紡娲炴垨涓嶈冻锛岃澶氬鎸囨暀馃樄
