❶ 濡備綍鍒朵綔鎵嬫満鐗堢綉絝欙紵
鍒朵綔css鎵嬫満鐗堥〉闈㈡椂濡備綍浣胯儗鏅鍥劇墖閫傚簲div鐨勯珮搴﹀拰瀹藉害
鍏蜂綋姝ラゅ備笅:1.杈撳叆浣嶇疆:鍥哄畾錛泃op:0錛涘乏:0錛涘皢鏁翠釜div鍥哄畾鍦ㄥ睆騫曠殑欏墮儴鍜屽乏渚с
2.杈撳叆瀹藉害:100%錛涜韓楂:100%錛涙渶灝忓藉害:1000鍍忕礌錛涜繖涓鍙浠ラ傚悎div鐨勯珮搴﹀拰瀹藉害錛岃宮in-width鏄鍦ㄥ睆騫曞藉害鍦1000px浠ュ唴鐨勬儏鍐典笅錛屼繚鎸乨iv鐨勫ぇ灝忎笉鍙樸
3.杈撳叆鑳屾櫙-灝哄:灝侀潰錛-WebKit-鑳屾櫙-澶у皬:灝侀潰錛-o-鑳屾櫙-灝哄:灝侀潰錛涗嬌鐢婚潰涓庡睆騫曞昂瀵稿悓姝ョ緝鏀撅紝浣嗛儴鍒嗗彲鑳戒細琚瑁佸壀錛屼絾涓嶄細鏄劇ず鐧借壊銆備互涓嬩袱鍙ヨ瘽鍏煎筩hrome鍜宱pera嫻忚堝櫒銆
4.杈撳叆鑳屾櫙-浣嶇疆:涓蹇0錛涘歸綈鍥劇墖鐨勪綅緗銆佷腑蹇冨拰宸︿晶銆
濡備綍浣縫涓鐨勫浘鐗囪嚜閫傚簲瀹藉害鍜岄珮搴︼紝鍥劇墖涓嶅彉褰錛屽彲浠ヨ秴鍑簆錛岃秴鍑洪儴鍒嗛殣鈃忥紵
鍍忎綘榪欎箞璇達紝璨屼技鍙鏈夌敤js鏉ュ垽鏂浜嗭紝棣栧厛緇欏浘鐗囦笂涓嬪乏鍙沖眳涓錛岀粰鐖剁駭鍏冪礌璁劇疆overflow:hidden;鐒跺悗鐢ㄨ繃js鏉ヨ幏鍙栧綋鍓嶅浘鐗囩殑瀹介珮錛屽傛灉瀹藉害澶т簬楂樺害錛岄偅涔堝氨楂樺害涓100%錛屽藉害鑷閫傚簲錛屽弽涔嬪藉害100%錛岄珮搴﹁嚜閫傚簲錛
濡備綍璁﹑閲岄潰鐨刾鍑虹幇婊氬姩鏉★紵
1銆佹墦寮dw錛屾柊寤轟竴涓猦tml欏甸潰錛岃繘鍏html欏甸潰緙栬緫銆
2銆佸湪浠g爜鐨刡ody涓闂寸紪鍐欎竴涓猵灞傘
3銆佸皢榪欎釜鏂板緩濂界殑html欏甸潰璺熺紪鍐欏ソ鐨刾鍒╃敤蹇鎹烽敭鈥渃trl+s鈥濆彟淇濆瓨鍒扮煡閬撶殑鐩褰曚笅銆
4銆佺偣鍑籨w鐨勬枃浠舵寜閽錛屽湪寮瑰嚭鐨勪笅鎷夋嗕腑錛岄夋嫨鈥滄柊寤衡濄
5銆佸湪鏂板緩鐨勭獥鍙d腑錛屾壘鍒扳渃ss鈥濊繖涓鏍忥紝鐐瑰嚮鈥渃ss鈥濇柊寤轟竴涓猚ss鏍峰紡銆
6銆佸啓鏍峰紡鐢".pingmu{}"寮濮嬪啓錛岀粰瀹冨滻瀹氬介珮錛屽啀娣誨姞鑳屾櫙鑹詫紝璁﹑鑷閫傚簲瀹介珮錛岃秴榪囬儴鍒嗘樉紺烘粴鍔ㄦ潯銆
7銆佸皢榪欎釜css鏍峰紡淇濆瓨鍒板悓綰х洰褰曚笅錛屽俢eshi.html鍦╟鐩橈紝css鏍峰紡涔熶繚瀛樺湪c鐩樸
8銆佷繚瀛樺ソ鏍峰紡鍚庯紝鍙屽嚮榪欎釜ceshi.html欏甸潰錛岀敤嫻忚堝櫒鎵撳紑鍚庣湅鍒100鍍忕礌瀹介珮鐨勯粦鍧椼