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


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

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

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


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

Yulo

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

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

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


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

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

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


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

Поисковые боты: 20
BingBot(3), Unknown Bot(11), Googlebot, Yandex(3), oBot, Inktomi Slurp

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


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

 Дни рождения


m_etallic_a (20)
Печать | Copyright © 2009 - 2017 Status-X All rights reserved | Powered by CMS Status-X 1.05 | Контакты