Hogyan lehet elrejteni vagy nyílt mobil eszközökre szánt tartalom

előző ◈ a következő

Hogyan lehet, hogy a tartalom vagy a tartalom bizonyos oldalt az oldal, egyértelmű volt, csak azok a felhasználók a mobil eszközök, vagy fordítva, csak azokon a számítógépeken. Egy jó módja annak, hogy azt mutatják, hogy sem a mobil látogatók, ellentétben a rendszeres látogatók teljes oldalon.

Hogyan lehet megjeleníteni tartalmat a mobil eszközök

Ahhoz, hogy hozzá a szöveget, vagy képet csak azon felhasználók számára a mobil eszközök, illessze be a következő kódot a konténer belsejében tag azon a helyen, ahol a tartalom jelenjen meg (konténer - egy olyan tervezési HTML kódot, amely a nyitó és záró tag, például és ,

és
):



Itt a szöveg vagy kép lesz látható csak mobileszközökön.

címkézni

hogy ezt a CSS fájl tulajdonságai ennek az osztálynak .show-on-mobile


.bemutató on-mobile
/ * Smartphone Portré és Tájkép * /
@media csak képernyőn
és (min-eszköz-szélesség. 320)
és (max-eszköz-szélesség. 480px)<.show-on-mobile >


Hogyan lehet elrejteni a mobileszközök tartalmának

Hogy elrejtse bizonyos tartalmakat a mobil változata az oldal a felhasználók, meg kell adni a megfelelő helyen konténer kód hasonló az előzőhöz:



Itt a szöveg vagy kép, amely nem látható csak a mobileszközökön.

Akkor kell regisztrálni CSS stílusokat ugyanabban a fájlban:


.hide-on-mobile
/ * Smartphone Portré és Tájkép * /
@media csak képernyőn
és (min-eszköz-szélesség. 320)
és (max-eszköz-szélesség. 480px)<.hide-on-mobile >

előző ◈ a következő