ХТМЛ 5 сликовни прилагодљиви екран имг код пропорционалног скалирања за веб страницу ХТМЛ XNUMX

Због процвата мобилног интернета,Вецхат маркетингПопуларност мобилних телефона је посталаЖивоталат који морате имати.

направите веб страницушаблон, препоручује се употребаWordPressПрилагодљива тема за:

Шта значи ЦСС адаптивна слика?

ЦСС адаптивна слика значи да се слике на хтмл веб страници, преко ЦСС кода:

Следећи,Цхен ВеилиангПоделићу са вама ЦСС имг код за пропорционално скалирање ^_^

ЦСС адаптивни код за висину и ширину слике

Убаци слику у хтмл:

Ако желите да се слика прилагоди малој величини екрана уместо да остане фиксна по ширини и висини.

Можете додати следећи код у стиле.цсс датотеку ваше ВордПресс теме ▼

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

изјава овдеmax-widthправило максималне ширине

• како би се осигурало да се све слике приказују на максимално 100% (тј. могу да се приказују само онолико колико су њихове слике).
• У овом тренутку, ако је елемент који садржи слику (на пример, тело или див који садржи слику) мањи од инхерентне ширине слике, слика ће се скалирати да попуни максимални расположиви простор.

width:auto;значи аутоматска ширина

\9 То је начин писања хацк цсс-а.

• На овај начин, "\9" се додаје нормалном цсс коду, само ИЕ претраживач може да га препозна, други претраживачи ће игнорисати ову изјаву.
• Ово ће постићи диференцијацију претраживача, омогућавајући сврху компатибилних претраживача.

Зашто не користите ширину: 100%?

Да бисте постигли аутоматско скалирање слика, можете користити и најчешће коришћена својства ширине, нпр.width：100％.

Међутим, ово правило овде не важи.

• Зато што ће ово правило учинити да изгледа широк као његов контејнер.
• У случајевима када је контејнер много шири од слике, слика ће бити непотребно растегнута.

注意 事项

Шта су ЦСС селектори? Која је разлика између класе и ид-а?Следећи туторијали говоре о ▼

Која је разлика између класе ЦСС селектора и ИД-а? ид и употреба класе у ХТМЛ-у

Која је разлика између класе ЦСС селектора и ИД-а? Коришћење ид-а и класе у ХТМЛ-у Цхен Веилианг тренутно обавља СЕО и оптимизује ВордПресс тему веб локације.Иако сам раније научио нека основна знања о ХТМЛ-у и ЦСС-у, али нисам користио неко време, посебно ЦСС део...

Како мобилна веб локација репродукује МП4 видео који је прилагођен страници?Кликните на линк испод ▼

Како се Х5 веб страница МП4 прилагођава страници? Мобилна веб локација репродукује видео хтмл код

Видео маркетинг је саставни део онлајн маркетинга: многи практичари онлајн промоције често користе видео у комбинацији са „вирусним маркетингом“ за повећање саобраћаја.Ако се ВеЦхат маркетинг комбинује са видео маркетингом, то може додатно побољшати стопу конверзије копирајта нових медија и друштвене е-трговине.Имам много пријатеља...