Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в 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
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Это называется адаптивный дизайн, в гугле полно информации
 
Пишешь прямо в 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?

Всего записей: 927 | Зарегистр. 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
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Нужно сделать адаптацию древнего сайта, разметка у него в абсолютных числах ксс нет.
Конечно можно переписать вручную, ну такой облом. Может есть программы автоматически  делающие?

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

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

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

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

Всего записей: 9716 | Зарегистр. 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.Board
© Ru.Board 2000-2020

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru