PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Адаптивный дизайн

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS (Модераторы: ALEN, armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

Bio man	Отправлено: 09 Октября, 2013 - 02:04:27
Постоянный участник Покинул форум Сообщений всего: 2751 Дата рег-ции: Июль 2010 Откуда: Даугавпилс, Латвия Помог: 52 раз(а)	Ни разу с таким не сталкивался, подскажите. Задача в разделении css между ПК и планшетами/телефонами. То есть нужно сделать так, что бы 1 css файл исполнялся только на пк, другой только на планшетах/телефонах. (Добавление) @media handheld не работает на android 4.0 стандартном браузере, вместо этого как и на пк работает только с @media screen

Silver Soft	Отправлено: 09 Октября, 2013 - 08:12:35
Гость Покинул форум Сообщений всего: 97 Дата рег-ции: Авг. 2013 Помог: 0 раз(а)	можно через JS(navigator.userAgent) узнать девайс и подключить определенный стильник... CODE (javascript): скопировать код в буфер обмена window.mobileDetection = { Android:function () { return navigator.userAgent.match(/Android/i); }, BlackBerry:function () { return navigator.userAgent.match(/BlackBerry/i); }, iOS:function () { return navigator.userAgent.match(/iPhone\|iPad\|iPod/i); }, Opera:function () { return navigator.userAgent.match(/Opera Mini/i); }, Windows:function () { return navigator.userAgent.match(/IEMobile/i); }, any:function () { return (this.Android() \|\| this.BlackBerry() \|\| this.iOS() \|\| this.Opera() \|\| this.Windows()); } }; юзать: CODE (javascript): скопировать код в буфер обмена window.isMobile = mobileDetection.any() // вернет true, если сидим с мобильника, иначе false window.isMobile = mobileDetection.iOS() // вернет true, если сидим с iPhone или iPad

Zuldek	Отправлено: 09 Октября, 2013 - 09:36:28
Постоянный участник Покинул форум Сообщений всего: 2122 Дата рег-ции: Июнь 2010 Помог: 50 раз(а)	Bio man, рекомендую не городить огород и воспользоваться одним из готовых JS-CSS фреймворков для создания мультиплатформенных сайтов. Они содержат уже готовые хаки под разные браузеры и платформы. (Отредактировано автором: 09 Октября, 2013 - 09:39:02)

imya	Отправлено: 09 Октября, 2013 - 09:40:26
Участник Покинул форум Сообщений всего: 1472 Дата рег-ции: Сент. 2012 Откуда: Запорожье, Украина Помог: 19 раз(а)	Как сказал уже уважаемый Zuldek, выбирайте из существующих: http://habrahabr[dot]ru/post/156747/ ----- PHP: скопировать код в буфер обмена do {box != cat;} while (cat != box); Когда нормальный человек, уезжая из дома одевает на жену пояс верности, веб-дизайнер ставит на нее счетчик...

LIME	Отправлено: 09 Октября, 2013 - 09:42:51
Активный участник Покинул форум Сообщений всего: 10732 Дата рег-ции: Нояб. 2010 Помог: 322 раз(а)	http://habrahabr[dot]ru/post/119127/

DelphinPRO	Отправлено: 09 Октября, 2013 - 10:52:12
Активный участник Покинул форум Сообщений всего: 7187 Дата рег-ции: Февр. 2012 Помог: 353 раз(а)	@media device-width ориентируемся на ширину экрана, а не на тип устройства. Это изначальные принципы адаптивной верстки. В последнее время все чаще встречаю возражения против такого подхода в пользу определния именно типа устройства, но сам придерживаюсь классического подхода. Ибо без javascript определить тип устройства пока невозможно (на 100%), а я придерживаюсь принципа: "если что-то можно сделать без скриптов - сделай на CSS" ----- Чем больше узнаю, тем больше я не знаю.

Bio man	Отправлено: 10 Октября, 2013 - 13:45:15
Постоянный участник Покинул форум Сообщений всего: 2751 Дата рег-ции: Июль 2010 Откуда: Даугавпилс, Латвия Помог: 52 раз(а)	DelphinPRO пишет: если что-то можно сделать без скриптов - сделай на CSS я тоже придерживаюсь такого принципа. А какой порог поддержки media queries? Ну то есть начиная с каких браузеров/платформ они не поддерживаются? (Добавление) LIME, спасибо за ссылку, очень полезно (Добавление) В принципе, вопрос отпал, все, что мне нужно нашел в статье.

IllusionMH	Отправлено: 10 Октября, 2013 - 14:25:19
Активный участник Покинул форум Сообщений всего: 4254 Дата рег-ции: Февр. 2011 Откуда: .kh.ua Помог: 242 раз(а)	Bio man пишет: А какой порог поддержки media queries? Bio man, я на caniuse[dot]com заглядываю. Там множество технологий и постоянно обновляются.

Bio man	Отправлено: 10 Октября, 2013 - 16:10:40
Постоянный участник Покинул форум Сообщений всего: 2751 Дата рег-ции: Июль 2010 Откуда: Даугавпилс, Латвия Помог: 52 раз(а)	спасибо

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« HTML, Дизайн & CSS »

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