Задать вопрос
@account-1
css

Как отдавать отдельный CSS мобильным устройствам?

Подскажите, как это нынче делается вообще? Я полагаю это не просто медиа запросы? Потому что вот вам пример - просто при изменении размеров вьюпорта стили страницы почти не изменяются. Но если нажать в Хроме эмулятор мобильных устройств - все преображается абсолютно (надо обновить страницу после этого) - https://github.com/robbyrussell/oh-my-zsh
  • Вопрос задан
  • 506 просмотров
7 комментариев
Подписаться 1 Оценить 7 комментариев
Решения вопроса 1
@LiguidCool
Топорный метод:
Берете что-то типа этого. В зависимости от того что оно там наопределяло добавляете нужные css файлы (например вставляете тэг <style src="..."> в <head>
Ну или можно просто писать классы с учетом корневого в <html>(посмотрите пример).

Или вот.
Ответ написан
6 комментариев
6 комментариев
Пригласить эксперта
Ответы на вопрос 3
aliencash
@aliencash
Партизан
Вам нужно в meta-теге link указать параметр media.

<link href="style.css" rel="stylesheet" type="text/css" media="handheld">

Тогда стили будут грузиться только на мобильных.
Ответ написан
8 комментариев
8 комментариев
@KnightForce
1) В один css, в зависимости от устройства, подключать нужный в @mediaчерез @import.
2) Просто импорт и указать тип носителя.

htmlbook.ru/css/import
Ответ написан
4 комментария
4 комментария
@warenikov
Александр Вареников
Хех, определяете на сервере устройство, с которого смотря сайт (анализ заголовков от устройства) и в зависимости от устройства отдаете разные или шаблоны сайта, или просто подключаете разные стили. Например вот такая функция:
function isMobile(){
	$pda_patterns = array(
		'MIDP','FLY-','MMP','Mobile','MOT-',
		'Nokia','Obigo','Panasonic','PPC',
		'ReqwirelessWeb','Samsung','SEC-SGH',
		'Smartphone','SonyEricsson','Symbian',
		'WAP Browser','j2me','BREW', 'iPod', 'iPhone', 'Android'
	);
	$agent = $_SERVER['HTTP_USER_AGENT'];
	$user_agent = strtolower($agent);
	foreach($pda_patterns as $val){
		$val = strtolower($val);
		if(strpos($user_agent, $val) !== false){ return true; }
	}
	return true;
}
Ответ написан
4 комментария
4 комментария
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Trainee - IT Support
move2usajobs LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Разработать админ панель на yii2
22 нояб. 2024, в 19:51
15000 руб./за проект
VPN приложение на Android
22 нояб. 2024, в 19:15
200000 руб./за проект
Разработать скрипт-парсер для новостного сайта
22 нояб. 2024, в 18:50
30000 руб./за проект
Ещё заказы