HTML 5 кескінінің бейімделгіш экраны HTML XNUMX веб-бетіне арналған пропорционалды масштабтау коды

Мобильді интернеттің өркендеуіне байланысты,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 Бұл css хакерін жазу тәсілі.

• Осылайша, "\9" қалыпты CSS кодына қосылады, оны тек IE браузері тани алады, басқа браузерлер бұл мәлімдемені елемейді.
• Бұл үйлесімді браузерлердің мақсатын қоса отырып, браузерді саралауға қол жеткізеді.

Неліктен ені: 100% пайдаланбасқа?

Кескіндерді автоматты түрде масштабтауға қол жеткізу үшін жиі қолданылатын ен сипаттарын да пайдалана аласыз, мысалы:width：100％.

Алайда бұл ереже мұнда қолданылмайды.

• Өйткені бұл ереже оны өз контейнеріндей кең етіп көрсетеді.
• Контейнер кескіннен әлдеқайда кең болған жағдайда, кескін қажетсіз созылады.

Сақтық шаралары

CSS селекторлары дегеніміз не? Класс пен идентификатордың айырмашылығы неде?Келесі оқулықтар ▼ туралы айтады

CSS селектор класы мен идентификатордың айырмашылығы неде? HTML тіліндегі идентификатор мен сыныпты пайдалану

CSS селектор класы мен идентификатордың айырмашылығы неде? HTML-де идентификатор мен сыныпты пайдалану Чен Вэйлян қазіргі уақытта SEO-ны орындауда және веб-сайттың WordPress тақырыбын оңтайландыруда.Мен бұған дейін HTML және CSS негізгі білімдерін үйренген болсам да, бірақ мен оны біраз уақыттан бері пайдаланбадым, әсіресе CSS бөлігін...

Мобильді веб-сайтта MP4 бейнені ойнату үшін бетті қалай бейімдеуге болады?Төмендегі сілтемені басыңыз ▼

H5 веб-парағы MP4 бетке қалай бейімделеді Мобильді веб-сайт бейне html кодын ойнатады

Бейне маркетинг онлайн маркетингтің ажырамас бөлігі болып табылады: көптеген онлайн промоутерлер трафикті көтеру үшін «вирустық маркетингпен» біріктірілген бейнені жиі пайдаланады.Егер WeChat маркетингі бейне маркетингімен біріктірілсе, ол жаңа медиа мен әлеуметтік электрондық коммерцияның копирайтингтік конверсия жылдамдығын одан әрі жақсарта алады.Менің достарым көп...