Veb-sahifa HTML 5 tasvirga moslashtirilgan ekran img proportsional masshtablash kodi

Rivojlanayotgan mobil internet tufayli,Wechat marketingiMobil telefonlarning mashhurligi oshdiHayotbo'lishi kerak bo'lgan vosita.

Stansiya qurishshablon, undan foydalanish tavsiya etiladiWordPressMoslashuvchan mavzu:

CSS tasvir moslashuvi nimani anglatadi?

CSS tasvirini moslashtirish html veb-sahifasidagi rasmlarni CSS kodi orqali yaratishni anglatadi:

Keyingi,Chen VeyliangMen siz bilan CSS img proportsional masshtab kodini baham ko'raman ^_^

CSS tasvir balandligi va kengligi moslashuv kodi

Tasvirni html-ga kiriting:

Agar siz tasvirni kenglik va balandlikda qolishi o'rniga ekranning kichik o'lchamiga moslashishini istasangiz.

Quyidagi kodni WordPress mavzuingizning style.css fayliga qo'shishingiz mumkin ▼

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

bu erda bayonotmax-widthmaksimal kenglik qoidasi

• barcha tasvirlar maksimal 100% ko'rsatilishini ta'minlash uchun (ya'ni, ular faqat o'zlarining rasmlari kabi katta hajmda ko'rsatilishi mumkin).
• Ushbu nuqtada, agar tasvirni o'z ichiga olgan element (masalan, tasvirni o'z ichiga olgan tana yoki div) tasvirning o'ziga xos kengligidan kichikroq bo'lsa, rasm maksimal bo'sh joyni to'ldirish uchun o'lchaydi.

width:auto;avtomatik kenglikni bildiradi

\9 Bu CSS hack yozish usuli.

• Shu tarzda, oddiy CSS kodiga "\9" qo'shiladi, faqat IE brauzeri uni taniy oladi, boshqa brauzerlar bu bayonotni e'tiborsiz qoldiradi.
• Bu mos brauzerlarning maqsadini ta'minlab, brauzerni farqlashga erishadi.

Nega kenglikdan foydalanmaslik kerak: 100%?

Tasvirlarning avtomatik masshtablanishiga erishish uchun siz keng tarqalgan kenglik xususiyatlaridan ham foydalanishingiz mumkin, masalan.width：100％.

Biroq, bu qoida bu erda qo'llanilmaydi.

• Chunki bu qoida uni idishidek keng qilib ko'rsatadi.
• Idish tasvirdan ancha kengroq bo'lgan hollarda, tasvir keraksiz ravishda cho'ziladi.

注意 事项

CSS selektorlari nima? Sinf va id o'rtasidagi farq nima?Quyidagi darsliklar ▼ haqida gapiradi

CSS selektor klassi va id o'rtasidagi farq nima? HTMLda id va sinfdan foydalanish

CSS selektor sinfi va id o'rtasidagi farq nima? HTML-da id va sinfdan foydalanish Chen Weiliang hozirda SEO-ni amalga oshirmoqda va veb-saytning WordPress mavzusini optimallashtirmoqda.Oldin HTML va CSS-ning asosiy bilimlarini o'rgangan bo'lsam ham, lekin men uni bir muncha vaqt ishlatmadim, ayniqsa CSS qismini ...

Mobil veb-sayt sahifaga moslashtirilgan MP4 videoni qanday o'ynaydi?Quyidagi havolani bosing ▼

H5 veb-sahifasi MP4 sahifaga qanday moslashadi?Mobil veb-sayt video html kodini o'ynaydi

Video marketing onlayn marketingning ajralmas qismidir: ko'plab onlayn reklama amaliyotchilari trafikni oshirish uchun ko'pincha "virusli marketing" bilan birgalikda videodan foydalanadilar.Agar WeChat marketingi video marketing bilan birlashtirilgan bo'lsa, u yangi media va ijtimoiy elektron tijoratning kopirayterga o'tkazish tezligini yanada yaxshilashi mumkin.Mening ko'p do'stlarim bor ...