2016-07-30 6 views
0

При написании мультимедийных запросов для небольших устройств, исходящих из подхода, основанного на компьютере, а не мобильного подхода, например, для сотовых телефонов и ipads, каковы хорошие диапазоны ширины для размера смартфона и размера Ipad?Медиа-запросы Размеры

@media screen and (min-width: _____) and (max-width: _____) 
{ 
    code 
} 
+1

https://css-tricks.com/snippets/css/media-queries-for-standard-devices/ –

+0

О, это прекрасно! Спасибо! – Kevin

+0

Добро пожаловать. Я отправлю его в качестве ответа для всех остальных. ура –

ответ

0

Запросы на СМИ постоянно изменяются на основе новых устройств и экранов. Это зависит от того, что вы пытаетесь настроить.

Но вот большой ресурс, который может сделать как немного проще

www.css-tricks.com/snippets/css/media-queries-for-standard-devices

Приветствия и счастливый кодирования!

0

компьютеры/ноутбуки обычно начинаются с 1200 пикселей, поэтому при разработке веб-сайта старайтесь, чтобы ваш основной контейнер имел максимальную ширину 1199 пикселей, поэтому он будет работать на всех компьютерах и ноутбуках.

ipad horizontal is 1024px, ipad vertical is 768px.

телефонов будет Макс из 500px, iphone 6+ 414px, iphone 6 375px, iphone 5 и ниже 320px.

андроиды от 320px-500px.

 Смежные вопросы

  • Нет связанных вопросов^_^