HTML 5 зургийн дасан зохицох дэлгэцийн HTML XNUMX вэб хуудасны пропорциональ масштабын код

Хөдөлгөөнт интернет хурдацтай хөгжиж байгаатай холбогдууланWeChat МаркетингГар утасны алдартай болсонАмьдралбайх ёстой хэрэгсэл.

вэб сайт байгуулахзагвар, ашиглахыг зөвлөж байнаWordPressДасан зохицох загвар:

CSS зургийн дасан зохицох нь юу гэсэн үг вэ?

CSS дүрсэнд дасан зохицох гэдэг нь CSS кодоор дамжуулан html вэб хуудсан дээрх зургуудыг хийх гэсэн үг юм.

Дараачийн,Чен ВэйлянБи тантай 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 Энэ бол хакердсан css бичих арга юм.

• Ийм байдлаар "\9" нь ердийн css кодонд нэмэгдэх бөгөөд зөвхөн IE хөтөч үүнийг таних боломжтой бөгөөд бусад хөтөч энэ мэдэгдлийг үл тоомсорлох болно.
• Энэ нь хөтчийн ялгааг бий болгож, тохирох хөтчийн зорилгыг идэвхжүүлнэ.

Яагаад өргөн: 100% ашиглаж болохгүй гэж?

Зургийг автоматаар масштаблахын тулд та өргөн хэрэглэгддэг өргөн шинж чанаруудыг ашиглаж болно, жишээлбэл.width：100％.

Гэхдээ энэ дүрэм энд хамаарахгүй.

• Учир нь энэ дүрэм нь түүний сав шиг өргөн харагдах болно.
• Сав нь зургаас хамаагүй өргөн байвал зураг нь шаардлагагүйгээр сунах болно.

Урьдчилан сэргийлэх арга хэмжээ

CSS сонгогч гэж юу вэ? Анги болон id хоёрын ялгаа юу вэ?Дараах хичээлүүд нь ▼-ийн тухай өгүүлдэг

CSS сонгогч анги ба id хоёрын ялгаа юу вэ? HTML дэх id болон ангийн хэрэглээ

CSS сонгогч анги ба id хоёрын ялгаа юу вэ? HTML Chen Weiliang-д id болон ангиллын хэрэглээ нь одоогоор SEO хийж, вэбсайтын WordPress сэдвийг оновчтой болгож байна.Хэдийгээр би өмнө нь HTML болон CSS-ийн анхан шатны мэдлэгийг сурсан ч хэсэг хугацаанд ашиглаагүй, ялангуяа CSS хэсгийг...

Хөдөлгөөнт вэбсайт нь хуудсанд дасан зохицох MP4 видеог хэрхэн тоглуулдаг вэ?Доорх холбоос дээр дарна уу ▼

H5 вэб хуудас MP4 нь хуудсанд хэрхэн дасан зохицдог вэ? Гар утасны вэб сайт видео html кодыг тоглуулдаг

Видео маркетинг нь онлайн маркетингийн салшгүй хэсэг юм: олон онлайн сурталчилгааны мэргэжилтнүүд урсгалыг жолоодохын тулд "вирусын маркетинг" -тай хослуулсан видеог ихэвчлэн ашигладаг.Хэрэв WeChat маркетингийг видео маркетингтай хослуулж чадвал шинэ хэвлэл мэдээллийн хэрэгсэл болон сошиал цахим худалдааны хуулбар бичих хөрвүүлэлтийн хувь хэмжээг улам сайжруулах боломжтой.Би олон найзтай...