鍓嶈█澶у濂斤紝鎴戞槸HoMeTown銆備粖澶╁氨鏉ヨ璇碈SS涓璭m銆乸x銆乺em銆乿h銆乿w鐨勫尯鍒紝浠€涔堟椂鍊欑敤浠€涔堝崟浣嶏紝濡備綍姝ｇ‘浣跨敤銆備粈涔堬紵棣栧厛锛屽湪鎴戜滑鏃ュ父鐨勪紶缁熷紑鍙戜腑锛宲x浣滀负涓€绛夊叕姘戯紝鎴愪负浜嗘垜浠娇鐢ㄦ渶澶氱殑鍗曚綅锛屽叾娆℃槸%銆乪m绛夊崟浣嶃€備竴鑸儏鍐典笅锛宲x鍙互搴旂敤浜庡ぇ閮ㄥ垎椤圭洰鐨勫紑鍙戯紝鍏锋湁鑹ソ鐨勫吋瀹规€э紝浣嗘槸浠嶤SS3寮€濮嬶紝娴忚鍣ㄥ杩欎簺搴﹂噺鍗曚綅鐨勬敮鎸佹彁鍗囧埌浜嗕竴涓柊鐨勬按骞筹紝涓€浜涙柊鐨勫害閲忓崟浣嶅rem銆乿h銆乿w銆乿m鐩哥户浠嬬粛銆備娇鐢ㄨ繖浜涘崟鍏冿紝鍙嬫儏甯姪鎴戜滑瑙ｅ喅浜嗗紑鍙戝搷搴斿紡椤甸潰鐨勯棶棰橈紝璁╂垜浠紑鍙戠殑椤甸潰鍙互閫傞厤涓嶅悓鍒嗚鲸鐜囩殑璁惧銆傞椈璧锋潵鐪熼锛佽閲忓崟浣嶅湪CSS璁￠噺鍗曚綅浣撶郴涓彲鍒嗕负鐩稿闀垮害鍗曚綅鍜岀粷瀵归暱搴﹀崟浣嶏細鐩稿闀垮害鍗曚綅鍖呮嫭锛歟m銆乪x銆乧h銆乺em銆乿w銆乿h銆乿min銆乿max銆?缁濆闀垮害鍗曚綅鍖呮嫭锛歝m銆乵m,in,px,pt,pt,pcpx鏄儚绱狅紝璁＄畻鏈烘垨鑰呰璁″熀纭€鐨勫悓瀛﹀簲璇ユ槑鐧斤紝鍍忕礌鍏跺疄灏辨槸鎴戜滑鏄剧ず鍣ㄤ笂澶у皬鐩稿悓鐨勭偣銆傚洜姝わ紝鍍忕礌鍦ㄥ害閲忓崟浣嶅埗涓紝鏄竴涓粷瀵圭殑闀垮害鍗曚綅銆傚湪缃戜笂鐪嬪埌涓€浜涘叧浜巔x鏄笉鏄粷瀵归暱搴﹀崟浣嶇殑浜夎銆傛垜瑙夊緱灞炰簬缁濆闀垮害鍗曚綅锛屽洜涓哄嵆浣垮湪绉诲姩绔湁璁惧鍍忕礌姣旓紝px鐨勫疄闄呭ぇ灏忔槸涓嶇‘瀹氱殑锛屼絾鏄粠涓昏涓婃潵璇达紝px鐨勫ぇ灏忓拰elements鏄病鏈夊叧绯荤殑涓庡叾浠栧睘鎬с€傜壒鐐癸細鍏煎鎬уソ锛屼娇鐢ㄦ柟渚縠mem鏄浉瀵归暱搴﹀崟浣嶃€傜浉瀵瑰璞℃槸褰撳墠瀵硅薄涓枃鏈殑瀛椾綋澶у皬銆傚鏋滃綋鍓嶈鏂囨湰鐨勫瓧鍙锋病鏈夎缃紝鐩稿瀵硅薄灏辨槸娴忚鍣ㄩ粯璁ょ殑瀛楀彿1em=16px銆備竴鑸潵璇达紝涓轰簡绠€鍖杅ont-size鐨勮浆鎹紝鎴戜滑闇€瑕佸湪css涓殑body閫夋嫨鍣ㄤ腑澹版槑font-size=62.5%锛岃繖鏍積m鍊煎氨鍙樻垚浜?6px*62.5%=10px锛屾墍浠?2px=1.2em,10px=1em锛屼篃灏辨槸璇翠綘鍙渶瑕佸皢浣犲師鏉ョ殑px鍊奸櫎浠?0锛岀劧鍚庢崲鎴恊m涓哄崟浣嶅氨鍙互浜嗐€傜壒鐐癸細em鐨勫€间笉鍥哄畾銆侲m浼氱户鎵跨埗鍏冪礌鐨勫瓧浣撳ぇ灏忋€俥m鏄竴涓浉瀵归暱搴﹀崟浣嶏紝鐩稿浜庡綋鍓嶅唴鑱斿璞＄殑鏂囨湰澶у皬銆傚鏋滀笉璁剧疆锛屽畠鏄浉瀵逛簬娴忚鍣ㄧ殑榛樿瀛椾綋澶у皬銆備妇涓緥瀛愷煂?divclass="outside">鎴戞槸14px=14.rem
