Сделать сайт по-настоящему адаптивным для мобильных устройств бывает очень непросто, и если допустить ошибку, результаты обычно оказываются плачевными. На самом деле, если вы еще не слышали, в апреле 2015 года Google даже начал пессимизировать сайты, не оптимизированные для мобильных устройств. Короче говоря, мобильная адаптивность — это очень важная вещь.
Так что же такое мобильная адаптивность?
Сайт считается адаптивным, когда его содержимое способно подстраиваться под различные размеры и ориентацию экрана при просмотре на любых устройствах, кроме настольных ПК. Проще говоря, если вы обновились до PBS v4 и хотите оформить или создать страницу, у вас не должно возникнуть проблем с ее просмотром независимо от того, используете ли вы компьютер, мобильный телефон или планшет.
Адаптивность в версии 4.0
В нашем последнем обновлении команда позаботилась о том, чтобы новая функция мобильного просмотра в PBS обеспечивала более плавный и отзывчивый интерфейс: текст, изображения и весь остальной контент автоматически адаптируются к разрешению экрана вашего устройства.
Теперь все заголовки автоматически подстраиваются под размер экрана, чтобы вы не сталкивались с огромными буквами при просмотре сайта или страницы, созданной в PBS, на мобильных телефонах. Чтобы продемонстрировать это более наглядно:
Просмотр вашего сайта на экранах разных размеров
Чтобы вы точно понимали, как выглядит ваша страница на мобильных устройствах, мы также добавили мобильный просмотр прямо с компьютера. Таким образом, если вы хотите проверить, как выглядит страница, вам не придется лишний раз переключаться с телефона (или планшета) на компьютер. Теперь вы можете просто переключаться между экранами разных размеров в любое время прямо во время создания страницы.
Более того, теперь вы также можете настраивать отступы элементов специально для планшетов и мобильных телефонов.
Итак, что вы думаете? За или против? Есть ли какие-то другие функции по мобильной адаптивности, которые мы могли бы улучшить? Поделитесь своим мнением в комментариях ниже!