Рубрика: Темы, Шпаргалки CSS

Как сделать мобильную версию для любого сайта

Сначала просто-напросто вставляем шапку эти строчки

Для чего это нужно? Дело в том что 641 ширина экрана iPhone.

потом создаем два файла стилей один для простой версии другой для мобильный которые будут подключаться в зависимости от разрешения экрана.

Вот ссылка на проверку в Гугле https://www.google.com/webmasters/tools/mobile-friendly/.

А еще в браузере Chrome есть такая вкладка инструменты разработчика это можно увидеть свою версию дизайна сайта где то там внизу нарисован на мобильное устройство.

Как сделать файлы стилей я тут не объясняю по любому надо прописать картинкам стиль max-width 100%.

 

верстаем дизайн вынося Все размеры блоков ширину например  в файлы стилей Главная задача чтобы при уменьшении ширины страницы до 320 пикселей все  вмешалось.

https://www.dudamobile.com/responsive-website/templates# сервис.

 

А еще есть плагин Any Mobile Theme Switcher автоматом переключает любую тему.

Метки: