[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Адаптивный сайт
Telez
Простите за вопрос новичка.
Как я понимаю, сделать адптивную версию - это ТОЛЬКО изменить в css? Т.е. добавить @media?
Zzepish
Telez
Ага. Можно на bootstrap перевести
sergeiss
Telez, зависит от структуры сайта. Нельзя сказать про абстрактный сайт, что только за счет изменения CSS ты сможешь получить адаптивность. Можно, но не обязательно, использовать уже упомянутый бутстрап.

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

user posted image
Telez
Как я понимаю, чтобы пользоваться bootstrap нужно на каждую страницу добавить его библиотеку. А CSS изменить легче. Правильно?
Telez
Цитата
зависит от структуры сайта
Можно подробнее?
VeRTak
Цитата (Telez @ 24.04.2018 - 09:47)
Как я понимаю, чтобы пользоваться bootstrap нужно на каждую страницу добавить его библиотеку.

Нет не правильно. Не нужно на каждую, почитайте документацию
sergeiss
Цитата (Telez @ 24.04.2018 - 09:47)

Цитата
зависит от структуры сайта
Можно подробнее?

Вот смотри. Если у тебя сайт изначально сделан "на таблицах", то из него не сделаешь адаптивный, как ни изголяйся.

Цитата (Telez @ 24.04.2018 - 09:46)
чтобы пользоваться bootstrap нужно на каждую страницу добавить его библиотеку

Не "добавить", а "подключить".

Но вообще, чтобы это всё понять, надо самому попробовать. И лучше начни с того, что сделай какую-нибудь тестовую страничку, с простым дизайном. Например, чтобы при ширине больше какой-то было 2 дива рядом и были равной ширины, а при ширине экрана меньше порога эти дивы чтобы выстраивались друг под другом и каждый был бы шириной во весь экран. Ну и так далее - добавляй элементы, добавляй сложности. Внутри дивов или рядом с ними. Элементы менюшки чтобы при широком экране были одни (например, горизонтальные), а при узком чтобы скрывались и появлялись только при клике на специальный значок. Который виден только при узком экране. И чтобы эти элементы меню выстраивались вертикально. Существенно - тэги должны быть одни и те же в том и другом случаях!!! Изменения делаются только стилями.
Делай свои наработки, выкладывай сюда (в эту же тему) - будем разбираться, что там правильно и что не правильно.
Потратишь день или два, но зато всё поймешь.

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

user posted image
Telez
sergeiss спасибо. Как всегда полные, четкие и ясные ответы.
sergeiss
Telez, ну так и чего? Попробовал?

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

user posted image
Telez
Нет еще. Завал на работе. но попробую обязательно.
Собственно у меня и выбора нет - гугл не ранжирует без мобильной версии.
Telez
sergeiss Получилось! Не так оказывается и сложно.
Правда я овладел только на самом элементарном уровне.
Но когда сделал проверку в Гугле и Яндексе на мобильную совместимость и получил положительный ответ, то было очень приятно!
Спасибо
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.