鑳屾櫙鍓嶅嚑澶╅渶瑕佸紑鍙戝嚑涓墜鏈虹鍜岀數鑴戠鐨勯〉闈€備负浜嗘洿濂界殑閫傞厤绉诲姩绔〉闈紝褰撶劧浣跨敤浜唕em鍗曚綅銆傝璁＄鏄?50px锛屾兂鎯宠璁＄涓婄殑鍏冪礌鏈夊灏戝儚绱狅紝css鍚庨潰鏄痳em銆傜粡杩囩畝鍗曠殑杞崲锛屼笁琛屼唬鐮佸氨鏉ヤ簡html{font-size:calc(100vw/750);}褰撴椂涔熸病澶氭兂銆傚弽姝ｆ垜瑙夊緱鎵嬫満娴忚鍣ㄧ殑鍏煎鎬т竴鑸兘涓嶉敊锛屽氨鏋滄柇鐢ㄤ簡銆備絾鏄浜屽ぉ鍚屼簨璇翠粬鐨勬祻瑙堝櫒澶т簡寰堝銆傛垜瑙夊緱鍙兘鏄痸w鍗曞厓鏈夊吋瀹规€ч棶棰橈紝css涓嶈銆傛垜鏋滄柇鏀逛簡js鏉ュ疄鐜般€傚皬case锛屼唬鐮佹潵浜唙arw=window.innerWidth;document.documentElement.style.fontSize=w/750+'px';浠ヤ负涓€鍒囬兘浼氬ソ璧锋潵鐨勶紝鍙槸浣犳湁娌℃湁鎯宠繃锛屾渶濂界殑浜嬫儏灏辫鏉ヤ簡锛熷湪杩欎釜杩囩▼涓紝娴嬭瘯娌℃湁缁忚繃娴嬭瘯銆備粖澶╀唬鐮佷笂绾匡紝鍒氬憡璇夋垜瀹夊崜鎵嬫満鏈夐棶棰樸€傝捣鍒濇垜涓嶇浉淇★紝鐩村埌鎴戠湅鍒扮湡鐩革紝鎴戞墠涓嶅緱涓嶇浉淇°€傜湅鍒扮溂鍓嶇殑鐣岄潰锛岄鍏堣瀹氫綅鍒伴棶棰樻墍鍦紝鐒跺悗鎵嶈兘瑙ｅ喅銆傚畾浣嶉棶棰樼湅浜嗗崐澶╋紝鐪嬩笉鍑烘湁浠€涔堥棶棰橈紝浜庢槸鍐冲畾鎶戒笣鍓ヨ導锛屽幓鎺夊叾浠栦唬鐮侊紝鐣欎釜鍥撅紝涓嶅仠鐨勬崲澶у皬锛屾病鎯冲埌鏈夋湁浠€涔堥棶棰樸€傜獊鐒舵兂鍒版墦鍗板嚭娴忚鍣ㄧ殑瀹藉害锛屾牴鍏冪礌鐨勫瓧浣撳ぇ灏忥紝鍥剧墖鐨勫疄闄呭ぇ灏忋€傝繖鏍峰氨鍙互浜嗭紝鏍瑰厓绱犵殑瀛椾綋澶у皬鏄?.5px锛屾病闂锛屾祻瑙堝櫒瀹藉害鏄?75锛屽叧閿槸鍥剧墖澶у皬鏄?50px锛屾垜鍙互璁剧疆750rem锛屼笉搴旇鏄?75px鍚楋紵D銆佸棷锛屾垜閿欎簡锛屽師鏉ヨ繖涓祻瑙堝櫒鏍瑰厓绱犵殑瀛椾綋澶у皬涓嶈兘灏忎簬1px銆傝В鍐抽棶棰橀棶棰樻槸杩欐牱鏃犳剰涓彂鐜扮殑锛岃繖杩樻病瀹岋紝杩樿瑙ｅ喅闂銆傝鍒掍箣鍒濇兂鐫€鐢╦s娴嬭瘯涓€涓嬫牴鍏冪礌鏄惁涓嶈兘灏忎簬1px锛岀劧鍚庡喅瀹氬椤甸潰杩涜鏁翠綋缂╂斁銆備絾鏄湪鎴戠殑鍗拌薄涓紝杩欐牱浼氬鑷撮〉闈㈡ā绯婏紝鎵€浠ユ垜鏋滄柇鏀惧純浜嗐€傛柟妗?鏃㈢劧涓嶈兘灏忎簬1px锛岄偅鎴戞瘮瀹冨ぇ涔熸病鍏崇郴銆傚ぇ澶氬皯姣旇緝鍚堥€傦紝杩欎釜鍊间笉鑳介殢渚垮畾銆傚惁鍒欙紝浣犲皢涓嶅緱涓嶆妸鍥剧墖鍓笅鏉ワ紝鐒跺悗鐢ㄦ梺杈圭殑璁＄畻鍣ㄦ潵璁＄畻銆傛兂鎯崇湅锛岀敾闈㈠緢缇庛€傚綋鐒讹紝浣犲彲浠ョ敤涓€浜涘伐鍏疯嚜鍔ㄥ鐞嗭紝浣犲緱鑷繁鍘绘壘鏉ラ厤缃紝涓嶈繃鎴戠幇鍦ㄤ笉鎯崇悊閭ｄ簺锛岃繕鏄厛瑙ｅ喅鐕冪湁涔嬫€ュ惂銆傚紑濮嬫兂鏀惧ぇ100鍊嶏紝浣嗘槸鎰熻涓嶅锛屼簬鏄斁澶?0鍊嶏紝鎵€浠?75瀹藉睆鏄?px锛?>1锛屾墍浠ユ病鍏崇郴锛屽搴斾唬鐮佷腑鐨剅em鍊?0灏忎竴鍊嶏紝宀備笉鏄竴涓畬缇庣殑瑙ｅ喅鏂规锛熷綋鐒讹紝鍙槸瑙ｅ喅浜哹enchmark锛岀幇鍦ㄤ笅涓€姝ュ氨鏄浛鎹唬鐮佷腑鐨勫€间簡銆傛€庝箞鍋氾紵鎵嬪姩鐨勶紵杩欎笉鐜板疄銆?.浣跨敤缂栬緫鍣ㄥ畾鏈熸洿鎹紵Regex涓嶈兘鍋氬姞鍑忎箻闄ゃ€備綘鍙兘鍐欎竴涓剼鏈潵鍋氥€傝鍙栨枃浠跺緢绠€鍗曪紝鐢ㄦ鍒欒〃杈惧紡姹傚嚭rem鍓嶉潰鐨勫€硷紝闄や互10锛屽緱鍒版鍒欑殑\d+(\.\d+)?鏇挎崲瀹屼簡锛屽綋鐒跺洖鍐欎簡锛屽綋褰撳綋褰擄紝浣犲畬浜嗭紝瀹岀編鏀跺畼锛侊紒锛佺瓑绛夛紝鍒潃鎬?--PC绔病鏈夊搷搴旂殑闂锛孭C绔拰鎵嬫満绔笉鏄悓涓€涓〉闈€傛祴璇曞弽棣圥C绔〉闈㈠湪Google涓婃樉绀轰笉姝ｅ父銆傛病鍏崇郴锛孖E涓嶆甯革紝涓嶈繃璇村緱杩囧幓锛岃胺姝屼篃涓嶆甯革紝杩欎笉鏄晠鎰忛拡瀵规垜鍚楋紵鐪嬩唬鐮侊紝鍘熸潵鍚屼簨涔熺敤浜唕em杩欎釜鍗曚綅銆傞噸鐐规槸鍦ㄦ垜鐨勬祻瑙堝櫒涓婃樉绀烘甯革紝浣嗘槸鍦ㄧ數鑴戜笂鏈夐棶棰樺彲浠ユ祴璇曘€傛垜鍚愭Ы锛屼綘鐨勬祻瑙堝櫒鏄粈涔堟椂浠ｇ殑锛熶竴鐪嬬増鏈紝75銆傘€?绾冲凹锛埫捪壝撟憋級锛侊紝鎴戞€綘锛岀户缁キ鍑烘垜鐨勯緳鍒€锛屾墦寮€寮€鍙戣€呭伐鍏凤紝涓嶆柇璋冩暣瀛椾綋澶у皬銆傛牴鍏冪礌鐨勫瓧浣撳ぇ灏忚绠椾负2:00銆傛病鏈変粈涔堥棶棰樸€傚叧閿槸鎴戞斁澶х殑鏃跺€欒繕濂斤紝鍙缂╁皬鍒颁竴瀹氱▼搴︼紝椤甸潰鍏冪礌灏变笉浼氫竴璧风缉鏀句簡銆傚ソ鐨勶紝鎴戞兂璧锋潵浜嗭紝璋锋瓕鏈夋渶灏忓瓧浣撻檺鍒讹紝楂樼増鏈彇娑堜簡杩欎釜闄愬埗锛屾墍浠ユ垜鐨勭湅璧锋潵寰堟甯搞€備竴涓皬绾告潯锛屾垜浼氬拰浣犱竴璧烽紦鍔憋紝缁堜簬缁撴潫浜嗭紝鐫¤鍚ю煒獈~~
