Могу ли я использовать браузер OS X Safari для правильного тестирования кода браузера iOS Safari с помощью медиа-запросов? - PullRequest
Новая
       27

Могу ли я использовать браузер OS X Safari для правильного тестирования кода браузера iOS Safari с помощью медиа-запросов?

0 голосов
/ 06 сентября 2011

У меня нет iOS-устройств, поэтому вся моя разработка веб-кода выполняется в Safari.Я пробовал этот удивительный проект для моего тестирования , но я обнаружил, что он, возможно, ограничен.

В частности, я хочу использовать определенные медиа-запросы в моем основном CSS, чтобы только iPad мог отображать CSS: 

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
}

Когда я пытаюсь получить к нему доступ через localhost в OS X Safari с помощью проекта Responsive Testing с использованием Safari в OS X, он игнорирует код,Я даже попробовал более конкретный код для пейзажа и портрета, но безуспешно: 

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
}

Это тоже не удалось.

Поскольку у меня нет iPad / iPhone, я могу толькоувидеть результат в Apple Store.Код, который я предоставил, доступен буквально только на iPad, и я не могу использовать Safari на своем компьютере для первоначального тестирования?

1 Ответ

1 голос
/ 06 сентября 2011

Для тех, у кого нет устройства iOS, такого как iPhone, iPad или iPod Touch, самый дешевый / бесплатный способ разработки без аппаратного обеспечения - скачать XCode и запустить iOS Simulator .Вы можете быстро переключаться между устройствами в симуляторе, и они загружаются так же, как и на самих устройствах.

Зажмите и спасибо @icktoofay!

...