Css медиа запросы для ipad и iphone. Шпаргалка для разработчиков.

Привет, дорогие читатели, и посетители сайта. Сколько раз вам приходилось разрабатывать продукт под определенные устройства? Лично мне не однократно, не всегда, для такой работы подходят типичные css медиа запросы.

Поэтому я решил составить шпаргалку для дизайнеров и разработчиков которые создают сайты и приложение под apple устройства такие как iPad и iPhone.

iPad медиа запросы

 

iPad медиа запросы

 

iPad в portrait & landscape

iPad в landscape

iPad в portrait

iPad 3 и 4 медиа запросы

Следующие медиа запросы будут работать для устройств 3-го или 4-го поколения с retina дисплеем.

Retina iPad в portrait & landscape

Retina iPad в landscape

Retina iPad в portrait

iPad 1 & 2 медиа запросы

iPad 1 & 2 в portrait & landscape

iPad 1 & 2 в landscape

iPad 1 & 2 в portrait

iPad mini медиа запросы

iPad mini в portrait & landscape

iPad mini в landscape

iPad mini в portrait

iPhone медиа запросы

iPhone медиа запросы

iPhone 6 Media Queries

iPhone 6 in portrait & landscape

iPhone 6 в landscape

iPhone 6 в portrait

iPhone 6 Plus медиа запросы

iPhone 6 Plus in portrait & landscape

iPhone 6 Plus in landscape

iPhone 6 Plus в portrait

iPhone 5 и 5S медиа запросы

iPhone 5 и 5S в portrait & landscape

iPhone 5 и 5S в landscape

iPhone 5 и 5S в portrait

iPhone 2G, 3G, 4, 4S медиа запросы

Эти медиа запросы так же подойдут для iPod touch 1-4 поколения.

iPhone 2G-4S в portrait и landscape

iPhone 2G-4S в landscape

iPhone 2G-4S в portrait

Если эта статья оказалась полезной для вас, поделитесь ей с социальных сетях. Этим вы поддержите ресурс.

Так же подписывайтесь в наши группы facebook и vkontakte. До встречи в новых статьях!

comments powered by HyperComments