Добрый вечер, Гость! Представляем Вам наши форумы. Вы можете зарегистрироваться чтобы писать на форумах или зайдите под своим именем, если Вы уже регистрировались.
   
   


Форум
 CMS Status-X | Техническая помощь
         Как протестировать сайт на разных устройствах и разрешкениях экрана. FAQ.

Похожие темы  |  Печать страницы

Как протестировать сайт на разных устройствах и разрешкениях экрана. FAQ.


События Суббота, 17.01.2015, 16:21

Yulo

Группа: Пользователь
Ранг: Продвинутый
Cообщений: 255
Регистрация: 26.10.2009
Город: Тюмень
На примере браузера Chrome.
Многие не знают что можно в браузере тестировать сайт на разные разрешения экрана.
Для того что бы посмотреть как он будет выглядеть на большом экране или маленьком. Нажимаем на странице правую кнопку мыши и просмотреть код элемента. Рядом с надписью elements нажимаем на изображения мобильного телефона. После перехода в режим устройств в углу слева вы увидите лесенки включаете их появятся полоски различных разрешений.

Разрешения появятся только те которые вы используете в media queries для своего сайта в css. Добавляете новый и появляется новая полоса с вашим разрешением. Так же есть на выбор разрешения для разных мобильных устройств.

Пользователь офлайн


Похожие темы  |  Печать страницы  |   Предыдущая тема  |   Следующая тема

Быстрый переход:  
 

 Сейчас на сайте


Пользователей: 0, Гостей: 4

Поисковые боты: 7
oBot, Yandex(2), Inktomi Slurp, Unknown Bot(2), Googlebot

 Статистика форума


  Темы Сообщения Пользователи
За сутки:
За неделю:
За месяц:
Всего:
Мы приветствуем нового участника: intuix

 Дни рождения


danneoxy (36), Virtuose (35), данил (17)
Печать | Copyright © 2009 - 2016 Status-X All rights reserved | Powered by CMS Status-X 1.05 | Контакты