Я работаю над одним из моих первых отзывчивых сайтов, и я пытаюсь выяснить, для каких резолюций нужно оптимизировать.Стандартные размеры разрешения для оптимизации для
Есть ли какой-либо стандарт или что? Каковы ваши практики? Было бы хорошо знать.
Вместо проектирования «для экранов», я призываю вас использовать этот метод:
Дизайн точки останова вокруг вашего контента, а не установки вашего контента на экран размер (которые меняются все время). Начните с малого, что лучший способ получить доступ к моему контенту на маленьком экране? Как только вы начнете с этого, расширьте свой браузер. В какой момент становится полезным пересмотреть макет? Там ваш первый пункт разрыва.
Это правда, что сказал Travis L - не создавать на экранах, а добавлять контрольные точки для определенных элементов, которые вы находите, перестают работать над определенными разрешениями.
Ключом к этому является минимизация статических значений и использование масштабируемых/процентных сеток.
Это, как говорится, есть extensive list of device sizes; самый очевидный подход - подумать о группах разрешений:
Как и большинство экранов размером не более 320 пикселей, большинство мобильных размеров в диапазоне 320-640 пикселей, планшеты обычно составляют около 960 пикселей. Имейте в виду, что вы можете превратить большинство устройств на 90 °, и что раздувание мобильных макетов на больших экранах рабочего стола выглядит ужасно.
Здесь вы найдете https://css-tricks.com/snippets/css/media-queries-for-standard-devices/ – Muhammet
* Если вы считаете, что отзывчивый просто, я плохо себя чувствую для вас, сын. У нас есть 99 видовых экранов, но iPhone всего один * – mattytommo
Проверьте мой вопрос о чем-то подобном здесь -> http://ux.stackexchange.com/questions/79809/when-designing-a-website-what-screen-resolution-should -i-design-for? noredirect = 1 # comment124581_79809 (в следующий раз спросите в этом вместо переполнения стека, как это более подходит) – Nick