當前位置:首頁 » 網站資訊 » 網站如何自適應屏幕
擴展閱讀
沒有信號了怎麼設置網路 2024-11-28 01:43:31
網路安全審查辦公室號碼 2024-11-28 01:31:21

網站如何自適應屏幕

發布時間: 2024-05-05 15:01:49

㈠ 鎬庝箞璁╃綉欏佃嚜閫傚簲鎬庝箞璁╃綉欏佃嚜閫傚簲灞忓箷澶у皬

濡備綍鍋氶傚簲鎬х綉欏佃捐

鍒朵綔緗戠珯浣塊〉闈㈠ぇ灝忚嚜閫傚簲鐨勬柟娉曚唬鐮佸備笅:

1.涓縐嶈嚜閫傚簲寤虹珛璁$畻鏈虹珯緗戠珯鐨勬柟娉

鍏ㄥ睆瀹藉害涓昏佸湪浜嶤SS浠g爜錛屽皢瀹藉害璁劇疆涓100%錛岃屼笉鏄鍥哄畾鐨勫儚緔犲箋備唬鐮佸備笅銆

鎵嬫満緗戠粶璁劇疆鐨勮嚜閫傚簲鏂規硶:

鍦ㄧ綉欏墊爣棰樹腑娣誨姞榪欐牱涓涓猰eta鏍囩:

瑙i噴:

鎬庝箞璁ヽhrome鎴栬呰嚜甯︽祻瑙堝櫒鑷鍔ㄩ傚簲鎵嬫満灞忓箷錛

chrome鎴栬呰嚜甯︽祻瑙堝櫒鑷鍔ㄩ傚簲鎵嬫満灞忓箷涓嶆槸鍙栧喅浜庢祻瑙堝櫒鐨勮劇疆錛岃屾槸鍙栧喅浜庢墍璁塊棶鐨勭綉絝欐槸鍚︽湁閽堝規墜鏈虹瓑縐誨姩璁懼囪繘琛岃嚜閫傚簲璁捐℃垨鑰呰漿鐮佽捐°

鏃╂湡緗戠珯鍦ㄨ捐℃椂錛岀敱浜庤捐$▼搴忋佹祻瑙堝櫒鐗堟湰浠ュ強縐誨姩璁懼囩殑涓嶆櫘鍙婏紝瀵圭綉絝欐病鏈変笓闂ㄨ繘琛屾墍璋撶殑鈥滀竴絝欏紡鈥濊捐★紝鍙奝C銆佹墜鏈恆佸鉤鏉跨瓑涓撻棬浼樺寲璁捐★紝瀵艱嚧鎵嬫満銆佸鉤鏉胯塊棶浣撻獙涓嶄匠鐨勬儏鍐點

鎵嬫満緗戦〉涓鏈変釜DIV錛屾庝箞璁劇疆鍏惰儗鏅鍥劇墖鑷閫傚簲鍦―IV涓婏紵

鍥犱負鐢佃剳鍜屾墜鏈哄垎杈ㄧ巼鐨勫樊寮傦紝榪欐椂鍊欎綘瑕佺敤姣旀墜鏈轟笂鏄劇ず鐨勫浘鐗囧ぇ涓や笁鍊嶇殑鍥劇墖錛屽啀鐢╞ackground-size鎶

鑳屾櫙鍥劇墖

緙╁皬鍒頒綘闇瑕佺殑姣斾緥錛涙瘮濡傛墜鏈轟笂闇瑕20*30澶у皬鐨勮儗鏅錛岃繖鏃跺欎綘灝遍渶瑕佺敤60*90澶у皬鐨勫浘鐗囨潵鍋氳儗鏅浜嗭紝鍐嶇敤background-size:20px30px;鎶

鑳屾櫙鍥劇墖

璁劇疆闇瑕佺殑灝哄革紱榪欐牱鎵嬫満涓婃樉紺虹殑鍥劇墖灝卞緢娓呮櫚浜嗐傚傛灉鏄痠mg灝辨洿綆鍗曚簡錛岀洿鎺ヨ劇疆wdith鍜宧eight鏉ョ緝灝忓浘鐗

㈡ 濡備綍璁╃綉欏靛藉害闅忕潃鏄劇ず鍣ㄥ垎杈ㄧ巼鑷鍔ㄨ皟鏁存庝箞璋冩暣緗戦〉鐨勫垎杈ㄧ巼

濡備綍璁劇疆欏甸潰瀹藉害閫傚簲

//褰撹劇疆灝忎簬1000px鏃訛紝鏄劇ず鍥哄畾瀹藉害銆

@濯掍綋灞忓箷鍜(鏈澶у藉害:1000鍍忕礌){

姝f枃{

瀹藉害:1000px

楂樺害:760px

}

@瀵煎叆URL(index.CSS)錛//璋冪敤鍘焎ss瀹炵幇鑷閫傚簲瀹藉害

}

鍙闇瑕佺敤html璋冪敤涓や釜css鏂囦歡銆

2.涓轟簡闃叉㈤〉闈㈤殢鐫灞忓箷鍙樺ぇ鍜屾壄鏇詫紝鍦╠iv涓璁劇疆鍙︿竴涓猟iv鍜屽竷灞錛屽皢鍐呭規斁鍏ュ叾涓錛岃劇疆鍥哄畾瀹藉害錛屽苟璁劇疆margin:0auto銆-JD.COM瀵艱埅鏍忋

鐢佃剳灞忓箷瀹藉睆鎬庝箞鍙樻垚紿勫睆錛

鐢佃剳灞忓箷瀹藉睆鍙樻垚紿勫睆鐨勬柟娉曞備笅鈫

1銆佸湪妗岄潰絀虹櫧澶勫彸鍑婚紶鏍囬夋嫨鏄劇ず璁劇疆騫舵墦寮銆

2銆佽繘鍏ユ樉紺鴻劇疆鐣岄潰鍚庨栧厛鎵懼埌騫剁偣鍑誨簲鐢ㄥぇ灝忓悗闈㈢殑綆澶;

3銆佸皢搴旂敤鐨勫ぇ灝忔瘮鍒楄皟鏁村埌100%銆

4銆佹帴涓嬫潵灝辨槸瀵瑰垎杈ㄧ巼鐨勮皟鏁翠簡錛佺偣鍑誨垎杈ㄧ巼鍚庨潰鐨勭澶淬

5銆佹墦鏉ュ悗涓嶈侀夋帹鑽愮殑灞忓箷浜嗭紝榪欎釜鏃跺欓渶瑕佹牴鎹瀹為檯鎯呭喌鏉ヨ皟鏁村埌鍚堥傚瓧浣撳ぇ灝忓嵆鍙銆

鐢佃剳灞忓箷鍥炬爣鍜岀綉欏甸夐」鍗″彉澶э紝鎬庝箞璋冨洖鍘伙紵

1銆佸彸鍑繪岄潰閫夊睘鎬/璁劇疆錛岀湅鐪嬪垎杈ㄧ巼璁劇疆鏄鍚﹀悎閫傘俉in7鏄:寮濮/鎺у埗闈㈡澘/澶栬傚拰涓鎬у寲/璋冩暣灞忓箷鍒嗚鯨鐜/閫夊垎杈ㄧ巼涓嬫媺鍒楄〃涓鍚堥傜殑鍒嗚鯨鐜囨寜搴旂敤錛屽湪閫夆滀繚鎸佲濅嬌鐢ㄦ柊鐨勫垎杈ㄧ巼錛屾垨閫夎繕鍘熷埌浠ュ墠鐨勫垎杈ㄧ巼錛堝傛灉鏀逛笉浜嗗垎杈ㄧ巼錛岃蜂笅杞介┍鍔ㄧ簿鐏靛畨瑁呮樉鍗¢┍鍔錛夈

2銆佹湁鏃舵槸鏄懼崱椹卞姩闂棰樺紩璧風殑錛屽傛灉鏄錛屼笅杞藉畨瑁呮樉鍗¢┍鍔錛堥┍鍔ㄦ湁闅忕數鑴戣嚜甯︾殑錛屾湁瀹樻柟緗戠珯涓嬭澆鐨勶紝杞浠舵湁椹卞姩綺劇伒銆侀┍鍔ㄤ漢鐢熴佽秴綰у厰瀛愮瓑杞浠訛級銆

3銆佹寜鈥淐trl鈥濋敭涓嶅姩錛屽湪涓婁笅婊氬姩榧犳爣婊氳疆鍙浠ヨ皟鑺傛岄潰涓婄殑鍥炬爣鎴栧瓧鐨勫ぇ灝忋

4銆佸傛灉鏄緗戦〉錛岀湅鐪嬪彸涓嬭掔殑緙╂斁姣斾緥鏄鍚﹀悎閫傘

5銆佸彸閿妗岄潰閫夋煡鐪嬶紝鍦ㄩ夊ぇ銆佷腑銆佸皬鍥炬爣錛圵in7錛夛紝鍙沖嚮妗岄潰閫夊栬/楂樼駭/鍦ㄩ」鐩涓閫夊浘鏍囦慨鏀瑰ぇ灝忥紙XP錛夈

6銆佸彸鍑繪岄潰閫夊睘鎬/澶栬傦紝閫夊瓧浣撳ぇ灝忕殑涓嬫媺鍒楄〃錛岄夆滄e父鈥濇寜搴旂敤鍗沖彲銆

7銆佽繕鏄涓嶈岋紝榪樺師涓涓嬬郴緇熸垨閲嶆柊瀹夎呮搷浣滅郴緇熴備嬌鐢ㄧ郴緇熻嚜甯︾殑緋葷粺榪樺師鐨勬柟娉曪細緋葷粺鑷甯︾殑緋葷粺榪樺師錛氣滃紑濮嬧/鈥滅▼搴忊/鈥滈檮浠垛/鈥滅郴緇熷伐鍏封/鈥滅郴緇熻繕鍘熲濓紝鐐歸夆滄仮澶嶆垜鐨勮$畻鏈哄埌涓涓杈冩棭鐨勬椂闂粹濓紝鎸変笅涓姝ワ紝浣犱細鐪嬪埌鏃ユ湡欏甸潰鏈夋繁鑹茬殑鏃ユ湡錛岄偅灝辨槸榪樺師鐐癸紝浣犻夋嫨鍚庯紝鐐瑰嚮涓嬩竴姝ヨ繕鍘燂紙Win7榪樺師緋葷粺錛屽彸鍑昏$畻鏈洪夊睘鎬э紝鍦ㄥ彸渚ч夌郴緇熶繚鎶わ紝緋葷粺榪樺師錛屾寜姝ラゅ仛灝辨槸浜嗭紝浜嬪墠涔熷彲浠ラ夋嫨榪欎釜欏甸潰鏈涓嬮潰鍒涘緩錛岃嚜宸卞壋寤鴻繕鍘熺偣錛夈

鐢佃剳緗戠珯嫻忚堥〉鏂囧瓧鍙樺緢灝忎簡鎬庝箞榪樺師澶э紵

涓銆佺綉欏佃劇疆鐨勫師鍥犮傛湁鐨勭綉欏電殑欏甸潰鍒嗚鯨鐜囪劇疆榪囧ぇ鎴栧瓧浣撹劇疆榪囧皬灝變細鍑虹幇緗戦〉瀛椾綋鐗瑰埆灝忕殑鎯呭喌銆傝В鍐沖姙娉曪細鐢ㄥ乏鎵嬫寜浣忛敭鐩樹笂鐨刢trl閿錛屽彸鎵嬫粦鍔ㄩ紶鏍囦腑闂寸殑婊戣疆銆傛湞鐫鍓嶆柟婊戝姩鍗沖彲鍙樺ぇ錛屽弽涔嬪嵆鍙樺皬銆傛湁鐨勬祻瑙堝櫒鐨勭綉欏典笂闈涔熸樉紺哄垎杈ㄧ巼錛屾偍灝嗗叾鏀規垚100%錛屽氨鏄鍘熸湰鐨勫瓧浣撲簡銆

浜屻佹樉紺哄櫒鍒嗚鯨鐜囪劇疆鐨勫師鍥犮傚傛灉浣犳妸浣犵殑鐢佃剳鏄劇ず鍣ㄥ垎杈ㄧ巼璁劇疆姣旇緝澶с佹瘮緗戠珯鍒嗚鯨鐜囧ぇ灝變細鍑虹幇緗戦〉瀛椾綋榪囧皬鐨勬儏鍐點傝В鍐沖姙娉曪細鍦ㄧ數鑴戞岄潰闅忎究涓涓絀虹櫧澶勯紶鏍囧彸鍑伙紝鐒跺悗鎵懼埌灞炴э紝鐐瑰嚮灞炴с傛墦寮灞炴у悗錛岀偣鍑諱笂闈㈢殑璁劇疆銆傜劧鍚庤皟鍒嗚鯨鐜囩殑澶у皬錛岃嚜宸辨粦鍔ㄦ暟杞達紝鏍規嵁鑷宸辨墍闇瑕佺殑灞忓箷澶у皬榪涜岀緝灝忔垨鑰呮斁澶э紝璋冩斁瀹屾瘯鍚庤板緱鐐瑰嚮紜瀹氥

濡備綍璋冩暣妗岄潰鑿滃崟涓庡浘鏍囩殑鏄劇ず姣斾緥錛

1銆佸彸鍑繪岄潰閫夊睘鎬/璁劇疆錛岀湅鐪嬪垎杈ㄧ巼璁劇疆鏄鍚﹀悎閫傘俉in7鏄:寮濮/鎺у埗闈㈡澘/澶栬傚拰涓鎬у寲/璋冩暣灞忓箷鍒嗚鯨鐜/閫夊垎杈ㄧ巼涓嬫媺鍒楄〃涓鍚堥傜殑鍒嗚鯨鐜囨寜搴旂敤錛屽湪閫夆滀繚鎸佲濅嬌鐢ㄦ柊鐨勫垎杈ㄧ巼錛屾垨閫夎繕鍘熷埌浠ュ墠鐨勫垎杈ㄧ巼錛堝傛灉鏀逛笉浜嗗垎杈ㄧ巼錛岃蜂笅杞介┍鍔ㄧ簿鐏靛畨瑁呮樉鍗¢┍鍔錛夈

2銆佹湁鏃舵槸鏄懼崱椹卞姩闂棰樺紩璧風殑錛屽傛灉鏄錛屼笅杞藉畨瑁呮樉鍗¢┍鍔錛堥┍鍔ㄦ湁闅忕數鑴戣嚜甯︾殑錛屾湁瀹樻柟緗戠珯涓嬭澆鐨勶紝杞浠舵湁椹卞姩綺劇伒銆侀┍鍔ㄤ漢鐢熴佽秴綰у厰瀛愮瓑杞浠訛級銆

3銆佹寜鈥淐trl鈥濋敭涓嶅姩錛屽湪涓婁笅婊氬姩榧犳爣婊氳疆鍙浠ヨ皟鑺傛岄潰涓婄殑鍥炬爣鎴栧瓧鐨勫ぇ灝忋

4銆佸傛灉鏄緗戦〉錛岀湅鐪嬪彸涓嬭掔殑緙╂斁姣斾緥鏄鍚﹀悎閫傘

5銆佸彸閿妗岄潰閫夋煡鐪嬶紝鍦ㄩ夊ぇ銆佷腑銆佸皬鍥炬爣錛圵in7錛夛紝鍙沖嚮妗岄潰閫夊栬/楂樼駭/鍦ㄩ」鐩涓閫夊浘鏍囦慨鏀瑰ぇ灝忥紙XP錛夈

6銆佸彸鍑繪岄潰閫夊睘鎬/澶栬傦紝閫夊瓧浣撳ぇ灝忕殑涓嬫媺鍒楄〃錛岄夆滄e父鈥濇寜搴旂敤鍗沖彲銆

7銆佽繕鏄涓嶈岋紝榪樺師涓涓嬬郴緇熸垨閲嶆柊瀹夎呮搷浣滅郴緇熴備嬌鐢ㄧ郴緇熻嚜甯︾殑緋葷粺榪樺師鐨勬柟娉曪細緋葷粺鑷甯︾殑緋葷粺榪樺師錛氣滃紑濮嬧/鈥滅▼搴忊/鈥滈檮浠垛/鈥滅郴緇熷伐鍏封/鈥滅郴緇熻繕鍘熲濓紝鐐歸夆滄仮澶嶆垜鐨勮$畻鏈哄埌涓涓杈冩棭鐨勬椂闂粹濓紝鎸変笅涓姝ワ紝浣犱細鐪嬪埌鏃ユ湡欏甸潰鏈夋繁鑹茬殑鏃ユ湡錛岄偅灝辨槸榪樺師鐐癸紝浣犻夋嫨鍚庯紝鐐瑰嚮涓嬩竴姝ヨ繕鍘燂紙Win7榪樺師緋葷粺錛屽彸鍑昏$畻鏈洪夊睘鎬э紝鍦ㄥ彸渚ч夌郴緇熶繚鎶わ紝緋葷粺榪樺師錛屾寜姝ラゅ仛灝辨槸浜嗭紝浜嬪墠涔熷彲浠ラ夋嫨榪欎釜欏甸潰鏈涓嬮潰鍒涘緩錛岃嚜宸卞壋寤鴻繕鍘熺偣錛夈

鐢佃剳灞忓箷鍙樺皬浜嗚皟鍒嗚鯨鐜囨病鐢ㄦ庝箞鍔烇紵

榪欑嶆儏鍐墊槸鐢佃剳灞忓箷鍒嗚鯨鐜囪劇疆闂棰樸傛g『鐨勮劇疆鏂規硶錛氳В鍐蟲柟娉曪細

1銆佹岄潰絀虹櫧澶勫彸閿鑿滃崟閫夋嫨灞忓箷鍒嗚鯨鐜2銆佸脊鍑哄硅瘽妗嗕腑鐐逛綇灝忔粦鍧椾笂涓嬫媺鍔ㄨ劇疆鍒板睆騫曞ぇ灝忛傚悎紜瀹氫繚瀛樺嵆鍙銆傚浘褰㈣劇疆涓嶈佷綘鍙浠ユ洿鏂頒竴涓嬫樉鍗¢┍鍔ㄥ嵆鍙鑷鍔ㄥ畨瑁呭嚭鐜般傚傛灉涓嶆槸鍒嗚鯨鐜囩殑闂棰樻垨璁劇疆涓嶄簡鍒嗚鯨鐜囷紝鍙鑳芥槸鏄懼崱椹卞姩鍙楁崯錛屾垨瀹夎呬簡涓嶅悎閫傜殑椹卞姩寮曡搗鐨勶紝璇峰畨瑁呭悎閫傜殑鏄懼崱椹卞姩錛屾垨淇澶嶄竴涓嬬郴緇燂紝璇風湅鐪嬩笅闈㈢殑鏂規硶銆1銆佸紑鏈烘寜F8涓嶅姩鍒伴珮綰ч夐」鍑虹幇鍦ㄦ澗鎵嬶紝閫夆滄渶榪戜竴嬈$殑姝g『閰嶇疆鈥濆洖杞︿慨澶嶏紙榪欎釜鏂規硶鍙浠ユ仮澶嶅師鏉ョ殑椹卞姩錛夈

2銆佸傛灉鏄鍥犳洿鏂伴┍鍔ㄥ紩璧風殑鏁呴殰錛屽彸鍑繪垜鐨勭數鑴戦夊睘鎬э紝閫夎懼囩$悊鍣ㄦ壘鍒拌繖涓椹卞姩鍙抽敭閫夊睘鎬/涓婇潰鐨勯┍鍔ㄧ▼搴忛夐」/閫変笅闈㈣繑鍥為┍鍔ㄧ▼搴忛夐」鎸夌『瀹氥

3銆佸傛灉鏁呴殰渚濇棫錛屽緩璁閲嶈呮搷浣滅郴緇熴備嬌鐢ㄧ郴緇熻嚜甯︾殑緋葷粺榪樺師鐨勬柟娉曪細Win78榪樺師緋葷粺錛屽彸鍑昏$畻鏈洪夊睘鎬э紝鍦ㄥ彸渚ч夌郴緇熶繚鎶わ紝緋葷粺榪樺師錛屾寜姝ラゅ仛灝辨槸浜嗭紝濡傛灉鏈夎繕鍘熻蔣浠訛紝涔熷彲浠ョ敤杞浠惰繕鍘熺郴緇熴傞┍鍔ㄦ湁闅忕數鑴戣嚜甯︾殑錛屾湁瀹樻柟緗戠珯涓嬭澆鐨勶紝杞浠舵湁椹卞姩綺劇伒銆侀┍鍔ㄤ漢鐢熴佽秴綰у厰瀛愮瓑杞浠訛紙瀹夎呴┍鍔ㄥ敖閲忔寜欏哄簭瀹夎咃級銆俉in78鏄:寮濮/鎺у埗闈㈡澘/澶栬傚拰涓鎬у寲/璋冩暣灞忓箷鍒嗚鯨鐜/閫夊垎杈ㄧ巼涓嬫媺鍒楄〃涓鍚堥傜殑鍒嗚鯨鐜囨寜搴旂敤錛屽湪閫夆滀繚鎸佲濅嬌鐢ㄦ柊鐨勫垎杈ㄧ巼錛屾垨閫夎繕鍘熷埌浠ュ墠鐨勫垎杈ㄧ巼錛堝傛灉鏀逛笉浜嗗垎杈ㄧ巼錛屽彲鑳芥槸鏄懼崱椹卞姩鍑洪棶棰樹簡錛岃烽噸鏂板畨瑁呭悎閫傜殑鏄懼崱椹卞姩錛夈