鎮ㄦ槸鍚﹁繕鍦ㄥ姫鍔涜鎮ㄧ殑缃戠珯鍝嶅簲銆傛垜鐭ラ亾鍒濆鑰呭彲浠ヤ笂缃戯紙鎴戜互鍓嶅仛杩囷級鏉ヤ娇缃戠珯鍝嶅簲锛屼絾浠栦滑閫氳繃杩欑鏂瑰紡寰楀埌鐨勫彧鏄灏忔蹇电殑瑙ｉ噴銆傚湪鏈枃鐨勮繖绡囨枃绔犱腑锛屾垜灏嗚皥璋堜綘闇€瑕佺煡閬撶殑鍏充簬濡備綍鎺屾彙鍝嶅簲寮忕綉椤佃璁＄殑涓€鍒囥€備簡瑙ｅ搷搴斿紡璁捐涓庤嚜閫傚簲璁捐浠ュ搷搴旂綉绔欏瑙傜殑鍔ㄦ€佸彉鍖栥€傚彇鍐充簬璁惧鐨勫睆骞曞昂瀵稿拰鏂瑰悜銆侫daptable鑷€傚簲璁捐浣跨敤涓€浜涘浐瀹氱殑甯冨眬锛岀劧鍚庨€夋嫨鏈€閫傚悎褰撳墠灞忓箷灏哄鐨勫竷灞€銆備娇鐢ㄧ浉瀵瑰崟浣嶅紑濮嬩娇鐢ㄧ浉瀵瑰崟浣嶈€屼笉鏄娇鐢ㄧ粷瀵瑰崟浣嶃€傜粷瀵瑰崟浣?>涓嶈浣跨敤{cm,mm,in,pc,px,pt}鐩稿鍗曚綅=>浣跨敤{em,rem,lh,vw,vh}灏嗚璁″垝鍒嗕负鏂偣鏂偣鏄瀹氫箟鐨勬祴閲忓尯鍩燂紝璁╂垜浠偍鏍规嵁娴忚鍣ㄦ垨璁惧鐨勫ぇ灏忛噸鏂版帓鍒楃綉椤靛竷灞€銆俠ootstrap-responsive鏂偣small-device=@media(min-width:576px){...}涓瀷璁惧=@media(min-width:768px){...}澶у瀷璁惧=@media(min-width:992px){...}oversizeddevice=@media(min-width:1200px){...}浜嗚В鏈€澶у€煎拰鏈€灏忓€间簡瑙ｄ綍鏃朵娇鐢ㄦ渶澶у€煎拰鏈€灏忓€笺€傚綋璁惧瀹藉害澶т簬鎴栫瓑浜?024px鏃讹紝瀹冨皢璧蜂綔鐢ㄣ€侤media(鏈€灏忓搴?1024px){h1{瀛椾綋澶у皬:1rem;}}褰撹澶囧皬浜庢垨绛変簬1024px@media(max-width:1024px){h1{font-size:0.5rem;}}浣跨敤宓屽瀵硅薄宓屽瀵硅薄鎴栧鍣ㄦ槸鍙︿竴涓璞′腑鐨勪竴涓璞°€傚畠鍏佽鎺у埗宓屽鍏冪礌锛岃€屼笉蹇呬竴鐩存帶鍒舵瘡涓厓绱犮€?divclass="parent">
