Cum de a ascunde sau de conținut deschis pentru dispozitive mobile

anterior ◈ următoarea

Cum de a face în așa fel încât conținutul sau conținutul anumitor pagini ale site-ului, era clar numai pentru utilizatorii de dispozitive mobile, sau invers, numai pe computere. O modalitate buna de a arăta că fie vizitatorii de pe mobil, în contrast cu vizitatorii site-ului regulat pe deplin.







Cum de a afișa conținut pe dispozitivele mobile

Pentru a adăuga la textul paginii sau o imagine numai pentru utilizatorii de dispozitive mobile, inserați următorul cod în interiorul containerului de etichete în locul în care conținutul ar trebui să fie afișat (container - un design în codul HTML, care este format din deschidere și închidere tag-uri, de exemplu, și ,

și
):









Aici textul sau imaginea care va fi văzut numai pe dispozitive mobile.

pentru a eticheta

a pus acest lucru în proprietățile de fișier CSS ale acestei clase .show-on-mobil


.arata-on-mobil
/ * Smartphone Portret și Peisaj * /
@media ecran numai
și (min-device-lățime. 320px)
și (max-device-lățime. 480 x)<.show-on-mobile >


Cum de a ascunde conținut pentru dispozitive mobile

Pentru a ascunde un anumit conținut de versiunea mobilă a utilizatorilor de pagini, trebuie să adăugați în locul container dreapta cod similar cu cel anterior:



Aici textul sau imaginea care nu vor fi văzute numai pe dispozitive mobile.

Apoi, trebuie să vă înregistrați stiluri CSS în același fișier:


.ascunde-on-mobil
/ * Smartphone Portret și Peisaj * /
@media ecran numai
și (min-device-lățime. 320px)
și (max-device-lățime. 480 x)<.hide-on-mobile >







anterior ◈ următoarea