Վեբ էջի HTML 5 պատկերի հարմարվողական էկրան img համամասնական մասշտաբի կոդը

Բջջային ինտերնետի ծաղկման պատճառով,WeChat շուկայավարումԲջջային հեռախոսների ժողովրդականությունը դարձել էԿյանքպարտադիր գործիք.

կառուցել կայքկաղապար, խորհուրդ է տրվում օգտագործելWordPressՀարմարվողական թեմա՝

Ի՞նչ է նշանակում CSS պատկերի հարմարվողականություն:

CSS պատկերի ինքնադապտացիան վերաբերում է html վեբ էջում պատկերների պատրաստմանը CSS կոդի միջոցով.

ՀաջորդըՉեն ՎայլյանԵս ձեզ հետ կկիսվեմ CSS img համամասնական մասշտաբային կոդը ^_^

CSS պատկերի բարձրության և լայնության հարմարվողական կոդը

Տեղադրեք պատկերը html-ում.

Եթե ​​ցանկանում եք, որ պատկերը հարմարվի էկրանի փոքր չափերին՝ լայնությամբ և բարձրությամբ ֆիքսված մնալու փոխարեն:

Դուք կարող եք ավելացնել հետևյալ կոդը Ձեր WordPress թեմայի ▼ style.css ֆայլին

/*图片自适应宽度和高度*/ 
img { max-width: 100%; height: auto; width: auto\9; width: auto; }

հայտարարություն այստեղmax-widthառավելագույն լայնության կանոն

• ապահովել, որ բոլոր պատկերները ցուցադրվեն առավելագույնը 100% (այսինքն՝ դրանք կարող են ցուցադրվել միայն իրենց պատկերների չափով):
• Այս պահին, եթե պատկերը պարունակող տարրը (օրինակ՝ պատկերը պարունակող մարմինը կամ div-ը) ավելի փոքր է, քան պատկերի բնորոշ լայնությունը, պատկերը կմեծացվի՝ առավելագույն հասանելի տարածքը լրացնելու համար:

width:auto;նշանակում է ավտոմատ լայնություն

\9 Սա hack css գրելու միջոց է։

• Այս կերպ «\9»-ը ավելացվում է նորմալ css կոդի մեջ, միայն IE բրաուզերը կարող է ճանաչել այն, մյուս բրաուզերները կանտեսեն այս հայտարարությունը։
• Սա կհասնի բրաուզերի տարբերակման՝ հնարավորություն տալով համատեղելի բրաուզերների նպատակին:

Ինչու չօգտագործել լայնությունը՝ 100%:

Պատկերների ավտոմատ մասշտաբավորման հասնելու համար կարող եք նաև օգտագործել լայնության ավելի հաճախ օգտագործվող հատկությունները, օրինակ.width：100％.

Այնուամենայնիվ, այս կանոնը չի կիրառվում այստեղ:

• Քանի որ այս կանոնը կստիպի այն երևալ նույնքան լայն, որքան իր տարան:
• Այն դեպքերում, երբ բեռնարկղը պատկերից շատ ավելի լայն է, պատկերն անտեղի կձգվի։

注意 事项

Որոնք են CSS ընտրիչները: Ո՞րն է տարբերությունը դասի և id-ի միջև:Հետևյալ ձեռնարկները խոսում են ▼-ի մասին

Ո՞րն է տարբերությունը CSS ընտրիչ դասի և id-ի միջև: ID-ի և դասի օգտագործումը HTML-ում

Ո՞րն է տարբերությունը CSS ընտրիչի դասի և id-ի միջև: ID-ի և դասի օգտագործումը HTML-ում Chen Weiliang-ը ներկայումս կատարում է SEO-ն և օպտիմալացնում է կայքի WordPress թեման:Թեև նախկինում սովորել եմ HTML-ի և CSS-ի որոշ տարրական գիտելիքներ, բայց որոշ ժամանակ չէի շահագործում այն, հատկապես CSS մասը...

Ինչպե՞ս է բջջային վեբկայքը նվագարկում MP4 վիդեո՝ հարմարվող էջին:Խնդրում ենք սեղմել ստորև նշված հղումը ▼

Ինչպե՞ս է H5 վեբ էջը MP4 հարմարվում էջին Բջջային կայքը նվագարկում է վիդեո html կոդը

Վիդեո մարքեթինգը առցանց մարքեթինգի անբաժանելի մասն է. շատ առցանց առաջխաղացման պրակտիկանտներ հաճախ օգտագործում են տեսանյութ՝ համակցված «վիրուսային մարքեթինգի» հետ՝ թրաֆիկը խթանելու համար:Եթե ​​WeChat-ի մարքեթինգը համակցված է վիդեո մարքեթինգի հետ, այն կարող է էլ ավելի բարելավել նոր լրատվամիջոցների և սոցիալական էլեկտրոնային առևտրի պատճենահանման փոխակերպման մակարդակը:Ես ունեմ շատ ընկերներ...