Использование медиазапросов в CSS для iPad - PullRequest
Новая
       27

Использование медиазапросов в CSS для iPad

3 голосов
/ 21 апреля 2011

Скажем, у меня есть CSS для рабочего стола (desktop.css).Я хочу включить iPad Safari css.

В desktop.css мы можем просто выполнить условный импорт в конце .. 

@media only screen and (device-width : 768px) 
{  
@import "ipad.css"
}

В ipad.css у нас будут только соответствующие стили iPad .. / * Стили iPad* /

то есть, если это пользователь iPad, ipad.css будет импортирован, иначе он будет проигнорирован.

Каков наилучший подход?

1 Ответ

2 голосов
/ 21 апреля 2011

В desktop.css мы можем просто выполнить условный импорт в конце ..

На самом деле, нет, @import s должны предшествовать любым другим объявлениям стиля.

Но в вашем случае, если вы импортируете свои стили iPad в начале, они, вероятно, будут переопределены вашими стилями рабочего стола.Так что вам лучше использовать другой элемент <link> с этим медиа-запросом и вместо этого указывать на ipad.css: 

<link rel="stylesheet" media="only screen and (device-width: 768px)" href="ipad.css">
...