Адаптация сайта под планшет и телефон :: Web-программирование

Новости • Файловые архивы
Поиск • Активные темы • Топ лист
Правила • Кто в on-line?

Вход • Забыли пароль? • Первый раз на этом сайте? • Регистрация

Компьютерный форум Ru.Board » Интернет » Web-программирование » Адаптация сайта под планшет и телефон

Модерирует : Cheery
Версия для печати • Подписаться • Добавить в закладки

TYMAH3003

Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Добрый день

Нужно сайт адаптировать под небольшие разрешения скажем подменой css файла. Сайт должен отображаться в 3 видах, можно ли использовать 3 css файла, Если разрешение браузера 1000px и больше то работает 1 файл цсс, если от 400 до 1000 то 2, и от 200 до 400 работает 3 файл, возможно ли так сделать?

Или есть аналоги тохожие, резиновая вёрстка не катит очень хитрый дизайн много несостыковок по рамкам.

Всего записей: 241 | Зарегистр. 15-03-2009 | Отправлено: 15:02 29-05-2014

DarkSmoke

Advanced Member

Это называется адаптивный дизайн, в гугле полно информации

Пишешь прямо в css файле.

Код:

@media only screen and (min-width: 480px) {

Здесь стили более разумных, но все еще мобильных устройств. Android, iPhone и так далее.

}

@media only screen and (min-width: 768px) {

Планшеты в режиме portrait.

}

@media only screen and (min-width: 992px) {

Планшеты в режиме landscape, нетбуки, ноутбуки, десктоп.

}

@media only screen and (min-width: 1382px) {

Десктоп с большими разрешениями, телевизоры.

}

----------
Абонентское обслуживание и ремонт компьютеров в Днепропетровске

Всего записей: 962 | Зарегистр. 08-10-2005 | Отправлено: 19:31 01-06-2014 | Исправлено: DarkSmoke, 19:43 01-06-2014

TYMAH3003 Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору спасибо большое
	Всего записей: 241 \| Зарегистр. 15-03-2009 \| Отправлено: 18:20 06-06-2014

TYMAH3003

Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Вот прописал эти параметры которые выше, при сужении браузера на компе дизайн меняется как положенно, становится узким и появляютсся полосы прокрутки, а вот открыл на телефоне и вот что получается дизайн меняется , но почемуто не растягивается на всю ширину экрана телефона, а помещает всю страницу на экран вместо растягиваниясайта по ширине и пролистыванием его вниз,
Подскажите какой параметр необходимо поменять? чтоб было как на картинке
_s019.radikal.ru/i630/1406/ce/5328aa936dc4.jpg

а нужно чтоб так было,

_s018.radikal.ru/i515/1406/e9/b2c1c5889798.jpg

Всего записей: 241 | Зарегистр. 15-03-2009 | Отправлено: 18:37 07-06-2014 | Исправлено: TYMAH3003, 18:40 07-06-2014

Xrobak Advanced Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Как вы себе представляете получить помощь без данных? Где линк на сайт или хотя бы код на jsFiddle?
	Всего записей: 939 \| Зарегистр. 16-08-2004 \| Отправлено: 21:50 21-06-2014

victoriabonya1978 Newbie	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Можно с помощью бустрап или медиа запросов. media request Не занимайтесь подъемом древних тем. Запрет на пост на 3 дня.
	Всего записей: 11 \| Зарегистр. 25-02-2020 \| Отправлено: 19:44 25-02-2020

zzz528

Advanced Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Нужно сделать адаптацию древнего сайта, разметка у него в абсолютных числах ксс нет.
Конечно можно переписать вручную, ну такой облом. Может есть программы автоматически делающие?

Всего записей: 1650 | Зарегистр. 20-06-2005 | Отправлено: 11:54 13-03-2020

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

zzz528

Цитата:

Может есть программы автоматически делающие?

не встречалось, да и автоматом столько мусора нагенерит.

Всего записей: 15099 | Зарегистр. 20-09-2014 | Отправлено: 22:33 13-03-2020

Компьютерный форум Ru.Board » Интернет » Web-программирование » Адаптация сайта под планшет и телефон

Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC