鍑犱釜闂

鍐呭锛�

• utf-8涓巊bk鐨勫尯鍒紱
• 甯歌娴忚鍣ㄦ湁鍝簺锛屾湁鍝簺鍐呮牳锛�
• 涓ユ牸锛堟爣鍑� 锛夋ā寮忥紙Standards Mode锛変笌鎬紓锛堟贩鏉傦級妯″紡锛圦uirks mode锛夌殑鍖哄埆锛�
• px銆乺em銆乪m鐨勫尯鍒��

---

utf-8涓巊bk鐨勫尯鍒細

• 琛ㄧず鏂规硶涓婏細utf-8鏄敤浠ヨВ鍐冲浗闄呬笂瀛楃鐨勪竴绉嶅瀛楄妭缂栫爜锛屽畠瀵硅嫳鏂囦娇鐢�8浣嶏紙鍗充竴涓瓧鑺傦級锛屼腑鏂囦娇鐢�24涓猴紙涓変釜瀛楄妭锛夋潵缂栫爜銆傝�孏BK鐨勬枃瀛楃紪鐮佹槸鐢ㄥ弻瀛楄妭鏉ヨ〃绀虹殑锛屽嵆涓嶈涓�佽嫳鏂囧瓧绗﹀潎浣跨敤鍙屽瓧鑺傛潵琛ㄧず锛屼负浜嗗尯鍒嗕腑鏂囷紝灏嗗叾鏈�楂樹綅閮借瀹氭垚1銆�

• 閫氱敤鎬т笂锛歎TF-8鍖呭惈鍏ㄤ笘鐣屾墍鏈夊浗瀹堕渶瑕佺敤鍒扮殑瀛楃锛屾槸鍥介檯缂栫爜锛岄�氱敤鎬у己銆傝�孏BK鍖呭惈鍏ㄩ儴涓枃瀛楃锛屾槸鍥藉缂栫爜锛岄�氱敤鎬ф瘮UTF8宸��

• 鏁版嵁搴撳崰鐢ㄤ笂锛歶tf-8鍗犵敤鏁版嵁搴撴瘮GBK澶с��

---

甯歌娴忚鍣ㄦ湁鍝簺锛屾湁鍝簺鍐呮牳锛�

• 甯歌娴忚鍣細
  Mozilla Firefox 娴忚鍣紙Gecko鍐呮牳锛�
  Chrome 娴忚鍣紙Webkit鍐呮牳锛�
  Internet Explorer 娴忚鍣紙Trident鍐呮牳锛�
  Safari娴忚鍣紙Webkit鍐呮牳锛�
  Opera娴忚鍣紙7.0鍙婁互涓婄増鏈� Presto鍐呮牳锛�
  Maxthon娴忚鍣紙Trident鍐呮牳锛�
  Netscape娴忚鍣� 锛�6鍙婁互涓婄増鏈� Gecko鍐呮牳锛�
  The world娴忚鍣紙Trident鍐呮牳锛�
  Tencent Traveler娴忚鍣紙Trident鍐呮牳锛�

• 鍐呮牳锛�
  Trident鍐呮牳锛圛E鍐呮牳锛夋槸寰蒋寮�鍙戠殑涓�绉嶆帓鐗堝紩鎿庛�傝鍐呮牳绋嬪簭鍦�1997骞寸殑IE4涓娆¤閲囩敤锛屾槸寰蒋鍦∕osaic浠ｇ爜鐨勫熀纭�涔嬩笂淇敼鑰屾潵鐨勶紝骞舵部鐢ㄥ埌鐩墠鐨� IE7銆俆rident瀹為檯涓婃槸涓�娆惧紑鏀剧殑鍐呮牳锛屽叾鎺ュ彛鍐呮牳璁捐鐨勭浉褰撴垚鐔燂紝鍥犳鎵嶆湁璁稿閲囩敤IE鍐呮牳鑰岄潪IE鐨勬祻瑙堝櫒娑岀幇锛堝 Maxthon銆乀he World 銆乀T銆丟reenBrowser銆丄vantBrowser绛夛級銆傛澶栵紝涓轰簡鏂逛究涔熸湁寰堝浜虹洿鎺ョ畝绉板叾涓篒E鍐呮牳锛堝綋鐒朵篃涓嶆帓闄ゆ湁閮ㄥ垎浜烘槸鍥犱负涓嶇煡閬撳唴 鏍稿悕绉拌�屽彧濂藉姝よ锛岃嚦灏戣�丯灏辨槸濡傛銆傘�傘�傦級銆�
  鑷粠鍙戝竷鍚庯紝Trident涓嶆柇鍦拌鏇存柊鍜屽畬鍠勶細
  Trident II锛圛E5锛夆�斺�斿杩涘CSS1.0鐨勬敮鎸佸強瀵笴SS2閲嶅ぇ鐨勫彉鏇达紱
  Trident III锛圛E5.5锛夆�斺�斾慨姝ｉ儴鍒咰SS鐨勬帓鐗堟帶鍒讹紱
  Trident IV锛圛E6锛夆�斺�斾慨姝ｄ簡涓�閮ㄥ垎box-model鐨勯敊璇互鍙婂鍔犱簡鈥滃吋瀹规ā寮忥紙Quirks Mode锛夆�濆垏鎹㈠姛鑳斤紝浠ュ鍔犲鏂囦欢绫诲瀷鎻忚堪锛圖ocument Type Definition锛孌TD锛夌殑鏀寔锛�
  Trident V锛圛E7锛夆�斺�斾慨姝ｈ澶欳SS鎺掔増澶勭悊涓婄殑閿欒浠ュ強澧炲姞瀵筆NG鏍煎紡alpha閫氶亾锛堝崐閫忔槑锛夌殑鏀寔銆傦紙杩欏氨鏄疘E6缁忓父琚療鐥呯殑瀵筽ng鍥剧墖鏀寔涓嶈壇鐨勪箣澶勶紒锛�
  Webkit鍐呮牳 鑻规灉鍏徃鑷繁鐨勫唴鏍革紝涔熸槸鑻规灉鐨凷afari娴忚鍣ㄤ娇鐢ㄧ殑鍐呮牳銆� Webkit寮曟搸鍖呭惈WebCore鎺掔増寮曟搸鍙奐avaScriptCore瑙ｆ瀽寮曟搸锛屽潎鏄粠KDE鐨凨HTML鍙奒JS寮曟搸琛嶇敓鑰屾潵锛屽畠浠兘鏄嚜鐢辫蒋 浠讹紝鍦℅PL鏉＄害涓嬫巿鏉冿紝鍚屾椂鏀寔BSD绯荤粺鐨勫紑鍙戙�傛墍浠ebkit涔熸槸鑷敱杞欢锛屽悓鏃跺紑鍙戞簮浠ｇ爜銆傚湪瀹夊叏鏂归潰涓嶅彈IE銆丗irefox鐨勫埗绾︼紝鎵�浠� Safari娴忚鍣ㄥ湪鍥藉唴杩樻槸寰堝畨鍏ㄧ殑銆�
  Gecko鍐呮牳 Gecko鏄寮�鏀炬簮浠ｇ爜鐨勩�佷互C++缂栧啓鐨勭綉椤垫帓鐗堝紩鎿庛�傝繖杞欢鍘熸湰鏄敱缃戞櫙閫氳鍏徃寮�鍙戠殑锛孨etcape6寮�濮嬮噰鐢ㄨ鍐呮牳銆傚悗鏉ョ殑 Mozilla FireFox涔熼噰鐢ㄤ簡璇ュ唴鏍革紝Geckos鐨勭壒鐐规槸浠ｇ爜瀹屽叏鍏紑锛屽洜姝わ紝鍏跺彲寮�鍙戠▼搴﹀緢楂橈紝鍏ㄤ笘鐣岀殑绋嬪簭鍛橀兘鍙互涓哄叾缂栧啓浠ｇ爜锛屽鍔犲姛鑳姐�侴eckos 鐜板湪鐢盡ozilla鍩洪噾浼氱淮鎶ゃ��
  Presto鍐呮牳 Presto鏄竴涓敱Opera Software寮�鍙戠殑娴忚鍣ㄦ帓鐗堝紩鎿庯紝璇ュ唴鏍稿湪2003骞寸殑Opera7涓娆¤浣跨敤锛岃娆惧紩鎿庣殑鐗圭偣灏辨槸娓叉煋閫熷害鐨勪紭鍖栬揪鍒颁簡鏋佽嚧锛屼篃鏄洰鍓嶅叕璁ょ綉椤垫祻瑙堥�熷害鏈�蹇殑娴忚鍣ㄥ唴鏍�

---

涓ユ牸锛堟爣鍑� 锛夋ā寮忥紙Standards Mode锛変笌鎬紓锛堟贩鏉傦級妯″紡锛圦uirks mode锛夌殑鍖哄埆锛�

    娴忚鍣ㄤ粠鏈嶅姟绔幏鍙栫綉椤靛悗浼氭牴鎹枃妗ｇ殑[DOCTYPE]瀹氫箟鏄剧ず缃戦〉锛屽鏋滄枃妗ｆ纭畾涔変簡DOCTYPE娴忚鍣ㄥ垯浼氳繘鍏ユ爣鍑嗘ā寮忥紙Standards Mode锛夛紙鎸夌収W3C鏍囧噯娓叉煋椤甸潰锛夛紝鍚﹀垯娴忚鍣ㄤ細杩涘叆鎬紓妯″紡鎴栨贩鏉傛ā寮忥紙Quirks mode锛夛紙鎸夌収娴忚鍣ㄨ嚜宸辫鍒欐覆鏌撻〉闈級銆�

娴忚鍣ㄥ紑鍙戝垵鏈焀3C鍊″鐨勭綉椤垫爣鍑嗗苟涓嶆祦琛岋紝鍥犳娴忚鍣ㄦ湁鐙壒鐨勫缃戦〉鏍囩鎴栧睘鎬х殑瑙ｆ瀽妯″紡锛岄殢鐫�鏃ュ悗缃戦〉鏍囧噯鐨勬祦琛岋紝娴忚鍣ㄥ鍔犱簡瀵规柊鏍囧噯鐨勬敮鎸侊紙Standards Mode锛夛紝浣嗗張娌℃湁鏀惧純瀵瑰師鏈夋ā寮忕殑鍏煎锛圦uirks mode锛夛紝杩欏氨鏄祻瑙堝櫒澶氱琛ㄧ幇妯″紡鐨勬潵婧愩��

px銆乺em銆乪m鐨勫尯鍒細

• PX涓哄崟浣�
  PX瀹為檯涓婂氨鏄儚绱狅紝鐢≒X璁剧疆瀛椾綋澶у皬鏃讹紝姣旇緝绋冲畾鍜岀簿纭�備絾鏄繖绉嶆柟娉曞瓨鍦ㄤ竴涓棶棰橈紝褰撶敤鎴峰湪娴忚鍣ㄤ腑娴忚鎴戜滑鍒朵綔鐨刉eb椤甸潰鏃讹紝濡傛灉鏀瑰彉浜嗘祻瑙堝櫒鐨勭缉鏀撅紝杩欐椂浼氫娇鐢ㄦ垜浠殑Web椤甸潰甯冨眬琚墦鐮淬�傝繖鏍峰浜庨偅浜涘叧蹇冭嚜宸辩綉绔欏彲鐢ㄦ�х殑鐢ㄦ埛鏉ヨ锛屽氨鏄竴涓ぇ闂浜嗐�傚洜姝わ紝杩欐椂灏辨彁鍑轰簡浣跨敤鈥渆m鈥濇潵瀹氫箟Web椤甸潰鐨勫瓧浣撱��
• EM涓哄崟浣�
  EM灏辨槸鏍规嵁鍩哄噯鏉ョ缉鏀惧瓧浣撶殑澶у皬銆侲M瀹炶川鏄竴涓浉瀵瑰�硷紝鑰岄潪鍏蜂綋鐨勬暟鍊笺�傝繖绉嶆妧鏈渶瑕佷竴涓弬鑰冪偣锛屼竴鑸兘鏄互鐨勨�渇ont-size鈥濅负鍩哄噯銆傚WordPress瀹樻柟涓婚Twenntytwelve鐨勫熀鍑嗗氨鏄�14px=1em銆傚彟澶栵紝em鏄浉瀵逛簬鐖跺厓绱犵殑灞炴�ц�岃绠楃殑銆�
• Rem涓哄崟浣�
  EM鏄浉瀵逛簬鍏剁埗鍏冪礌鏉ヨ缃瓧浣撳ぇ灏忕殑锛岃繖鏍峰氨浼氬瓨鍦ㄤ竴涓棶棰橈紝杩涜浠讳綍鍏冪礌璁剧疆锛岄兘鏈夊彲鑳介渶瑕佺煡閬撲粬鐖跺厓绱犵殑澶у皬銆傝�孯em鏄浉瀵逛簬鏍瑰厓绱�锛岃繖鏍峰氨鎰忓懗鐫�锛屾垜浠彧闇�瑕佸湪鏍瑰厓绱犵‘瀹氫竴涓弬鑰冨�笺��
• 娴忚鍣ㄧ殑鍏煎鎬�
  闄や簡IE6-IE8r锛屽叾瀹冪殑娴忚鍣ㄩ兘鏀寔em鍜宺em灞炴�э紝px鏄墍鏈夋祻瑙堝櫒閮芥敮鎸併��
  鍥犳涓轰簡娴忚鍣ㄧ殑鍏煎鎬э紝鍙�減x鈥濆拰鈥渞em鈥濅竴璧蜂娇鐢紝鐢�"px"鏉ュ疄鐜癐E6-8涓嬬殑鏁堟灉锛岀劧鍚庝娇鐢ㄢ�淩em鈥濇潵瀹炵幇浠ｆ祻瑙堝櫒鐨勬晥鏋溿��

px,em,rem鍗曚綅杞崲宸ュ叿 鍦板潃锛�http://pxtoem.com/

---

鎷撳睍鍐呭锛�
1銆佸瓧绗﹂泦浠ュ強瀛楃缂栫爜锛�
2銆佹祻瑙堝櫒鐨勮〃鐜版ā寮忥紱
3銆佹祻瑙堝櫒銆�