Пара полезных классов при составлении страниц.

Всем привет.

Хотим подсказать пару приемов при составлении страниц на сайтах в связи с введением адаптивных версий дизайнов.

Когда вы пишите статью и оформляете страницу таким образом, что на компьютере можно отобразить в нормальной ширине сайта, а в мобильной версии нужно сделать по-другому, можно использовать имеющиеся классы для объектов .mobile_hidden и .mobile_show. Добавляя класс .mobile_hidden в любой тег, можете быть уверены, что содержимое данного объекта будет скрыто при отображении на экранах, ширина которых не превышает 700px.

Напротив, HTML-элементы, которым присвоен класс .mobile_show будут скрыты по умолчанию, при этом отображены будут на мобильных версиях. На практике это выглядит примерно так:

<a href="http://<ВАШ_САЙТ>" class="mobile_hidden">Продаем мышки на компютеры - Такая ссылка будет скрыта при отображении на смартфоне и будет отображена на нормальном мониторе.

<a href="http://<ВАШ_САЙТ>" class="mobile_show">Продаем чехлы на телефоны   - Такая ссылка будет показана на маленьких экранах, но не отобразится на обычном компьютере.

Ссылки - это просто пример. В любом контейнере, таком как таблица или может быть показана значительная часть страницы, а значит, присваивая HTML-элементам такие классы, мы решаем, как она будет отображаться.

Еще один класс CSS, который не касается темы мобильности и может быть Вам полезен в обеих версиях: .dynamic_radius. Его можно присваивать любым элементам, например, картинкам, края которых Вы хотели бы видеть закругленными так же, как и настроенные Вами блоки.

Если у вас есть вопросы - пишите нам, мы всегда поможем.