Webová stránka HTML 5 image adaptive screen img proporcionální škálovací kód

Vzhledem k rozmachu mobilního internetu,WeChat MarketingPopularita mobilních telefonů vzrostlaŽivotnezbytný nástroj.

vytvořit webovou stránkušablony, doporučuje se použítWordPressAdaptivní téma pro:

Co znamená přizpůsobení obrázků CSS?

Přizpůsobení obrázků CSS znamená vytvoření obrázků na webové stránce html pomocí kódu CSS:

Další,Chen WeiliangPodělím se s vámi o proporcionální škálovací kód CSS img ^_^

CSS kód přizpůsobující výšku a šířku obrázku

Vložit obrázek do html:

Pokud chcete, aby se obraz přizpůsobil malé velikosti obrazovky, místo aby zůstal neměnný na šířku a výšku.

Následující kód můžete přidat do souboru style.css vašeho motivu WordPress ▼

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

prohlášení zdemax-widthpravidlo maximální šířky

• aby bylo zajištěno, že všechny obrázky budou zobrazeny maximálně na 100 % (tj. mohou být zobrazeny pouze tak velké jako jejich vlastní obrázky).
• Pokud je v tomto okamžiku prvek obsahující obrázek (například tělo nebo prvek div obsahující obrázek) menší než vlastní šířka obrázku, obrázek se změní tak, aby vyplnil maximální dostupný prostor.

width:auto;znamená automatickou šířku

\9 Je to způsob psaní hack css.

• Tímto způsobem je "\9" přidáno k normálnímu css kódu, pouze prohlížeč IE jej může rozpoznat, ostatní prohlížeče budou toto prohlášení ignorovat.
• Tím se dosáhne odlišení prohlížečů, což umožní účel kompatibilních prohlížečů.

Proč nepoužít šířku: 100 %?

K dosažení automatického měřítka obrázků lze využít i běžněji používané vlastnosti šířky, např.width：100％.

Toto pravidlo zde však neplatí.

• Protože toto pravidlo způsobí, že bude vypadat stejně široký jako jeho kontejner.
• V případech, kdy je kontejner mnohem širší než obrázek, bude obrázek zbytečně roztažený.

注意 事项

Co jsou selektory CSS? Jaký je rozdíl mezi třídou a id?Následující tutoriály hovoří o ▼

Jaký je rozdíl mezi třídou selektoru CSS a id? použití id a třídy v HTML

Jaký je rozdíl mezi třídou selektoru CSS a id? Použití id a třídy v HTML Chen Weiliang v současné době provádí SEO a optimalizuje téma WordPress na webu.Sice jsem se už dříve naučil nějaké základní znalosti HTML a CSS, ale nějakou dobu jsem to neovládal, zejména část CSS...

Jak mobilní web přehrává video MP4 přizpůsobené stránce?Klikněte prosím na odkaz níže ▼

Jak se webová stránka H5 MP4 přizpůsobí stránce? Mobilní web přehrává html kód videa

Video marketing je nedílnou součástí online marketingu: mnoho odborníků na online propagaci často používá video v kombinaci s „virálním marketingem“ ke zvýšení návštěvnosti.Pokud se WeChat marketing spojí s video marketingem, může to dále zlepšit míru konverze copywritingu u nových médií a sociálního elektronického obchodování.Mám spoustu přátel...