Как да скриете или отворено съдържание за мобилни устройства

Предишен ◈ Следващото

Как да направите така, че съдържанието или съдържанието на някои страници от сайта, е било ясно, само за потребителите на мобилни устройства, или обратно, само на компютри. Един добър начин да се покаже, че или мобилни гостите, за разлика от редовните посетители на пълен сайт.







Как да се покаже съдържанието на мобилни устройства

За да добавите към текста на страница или изображение само за потребителите на мобилни устройства, поставете следния код вътре маркер контейнер на мястото, където съдържанието трябва да се показва (контейнер - дизайн в HTML код, който се състои от отваряне и затваряне тагове, например, и ,

и
):









Ето текста или изображението, което ще се види само на мобилни устройства.

да маркирате

сложи това в CSS файлове свойствата на този клас .show-по-мобилен от


.шоу-по-мобилна
/ * Смартфони Портрет и ландшафта * /
@media само на екрана
и (мин-устройство ширина. 320)
и (макс устройство ширина. 480px)<.show-on-mobile >


Как да се скрие съдържание за мобилни устройства

За да скриете определено съдържание от мобилната версия на страницата, която потребителите, трябва да се добави в правилната място контейнера код, подобен на предишния:



Ето текста или изображението, което няма да се вижда само на мобилни устройства.

След това е необходимо да се регистрирате на CSS стилове в един и същи файл:


.крия-по-мобилна
/ * Смартфони Портрет и ландшафта * /
@media само на екрана
и (мин-устройство ширина. 320)
и (макс устройство ширина. 480px)<.hide-on-mobile >







Предишен ◈ Следващото