Войти

Авторизация

Логин:
Пароль:
Забыли пароль?
Регистрация
Сайт пользователей Artisteer и Themler. Официальный торговый представитель.

Как работать с адаптивным дизайном

Работа с адаптивным дизайном
Захожу иногда
Городовой
Сообщений: 38
236 дней назад
Подскажите, как проверить и если что поправить шаблон на адаптивность.
Нашел ссылку на этот сервис:
Скрытый текст виден только зарегистрированным пользователям

Но это можно сделать только на сервере.
А как делать на локальном, как то же проверяют и делают шаблоны.
Постоянный участник
sagus85
Медаль
Сообщений: 288
233 дня назад
Здесь на форуме где то есть тема по этому вопросу. Используются обычные браузеры. в них есть имитаторы мобильных устройств.
Например в Mozilla, Инструменты --> Веб-разработка --> Адаптивный дизайн, включить галочку.

В основном во всех современных браузерах есть что то типа средства разработки, веб-разработка и тп.
Захожу иногда
Randomir
Сообщений: 56
869 дней назад
Городовой:
А как делать на локальном, как то же проверяют и делают шаблоны.

Про средства разработки сказали а искать где что править все тем же способом:
Скрытый текст виден только зарегистрированным пользователям
Захожу иногда
Городовой
Сообщений: 38
236 дней назад
Спс. с этим понятно. А в чем конкретно отличается адаптивные стили от обычных. Там что как то специально для адаптивного задается как то?
Постоянный участник
Степаныч
Медаль
Сообщений: 670
61 день назад
Городовой:
А в чем конкретно отличается адаптивные стили от обычных. Там что как то специально для адаптивного задается как то?

Стили обыкновенные, но в них не используются, или очень мало, фиксированные значения ширины, высоты. Но все это индивидуально. Подгоняется по корректному виду на разных разрешениях, как правило редактировать элемент приходится сразу в двух файлах, обычном и адаптивном. Нужно это учитывать и поэтому в этих случаях подсказывать по CSS не получится.
Постоянный участник
sagus85
Медаль
Сообщений: 288
233 дня назад
Городовой, Вот несколько статей, в них есть немного по определениям, и по принципам создания:
Скрытый текст виден только зарегистрированным пользователям

Скрытый текст виден только зарегистрированным пользователям


Скрытый текст виден только зарегистрированным пользователям


Сейчас информации по адаптивным в сети много.
Захожу иногда
Городовой
Сообщений: 38
236 дней назад
Спасибо за информацию статьи почитаю то что нужно.
Редактировалось: 1 раз (Последний: 20 июня 2014 в 14:21)
Постоянный участник
bambino
Медаль
Сообщений: 114
237 дней назад
sagus85:
Например в Mozilla, Инструменты --> Веб-разработка --> Адаптивный дизайн, включить галочку.

В Опере нет такого sad
Как быть?
Постоянный участник
Handy
Медаль
Сообщений: 772
69 дней назад
bambino:
В Опере нет такого sad
Как быть?

Это может помочь:
Скрытый текст виден только зарегистрированным пользователям

music
качественное продвижение и раскрутка сайтов в сеопульте
Постоянный участник
bambino
Медаль
Сообщений: 114
237 дней назад
Так понял нужно поставить еще браузер Опера мини. hoho
Захожу иногда
Lenta
Сообщений: 33
1423 дня назад
Тогда уже и для ИЕ и Хрома напишите, пригодится для проверок.
Редактировалось: 1 раз (Последний: 21 июня 2014 в 13:05)
Постоянный участник
Evgenert
Медаль
Сообщений: 352
20 дней назад
Для Google Chrome установить это расширение:
Скрытый текст виден только зарегистрированным пользователям


Для ИЕ наверное нету.
Модератор Постоянный участник
samson
Медаль За активное участие в жизни сайта.
Сообщений: 984
21 день назад
sagus85:
Сейчас информации по адаптивным в сети много.

Согласен. В теме на форуме можно спросить как проверять,
но бесполезно, как делать laugh

Конкретное решение по конкретному факту, и то как уже говорили, подсказывать экстрасенсорным методом провидцев вряд ли получится. laugh

Уроков и примеров по адаптивным разработкам в интернете полно по ним и искать.
Захожу иногда
Городовой
Сообщений: 38
236 дней назад
Вот такой вопрос. Не знаю как уместить в одном шаблоне и можно ли такое вообще, такие штуки. Допустим есть блок в обыкновенном стиле он имеет одни стили, отступы, положение вверху, внизу, а в адаптивном нужны уже другие стили, попытался просто прописать свои, но то что нужно перебивается стилями от обыкновенного. sad

Или я что то не так делаю?
Редактировалось: 1 раз (Последний: 3 июля 2014 в 12:34)
Постоянный участник
Степаныч
Медаль
Сообщений: 670
61 день назад
Используйте в адаптивных стилях, если надо задать приоритет !important
Код PHP:
  1.  
  2. padding: 0 !important;
  3.  
Иногда что бы отменить свойство, используется none, для тех которые его поддерживают.
|
Перейти на форум:
Быстрый ответ
У вас нет прав, чтобы писать на форуме.