Для создания адаптивного дизайна сайта можно использовать брейкпоинты — контрольные точки (разрешения экрана), в каждой из которых дизайн сайта изменяется. 34

Некоторые рекомендации по выбору размеров сайта в зависимости от устройства:

• Смартфоны — 320 пикселей, 480 и выше. 4
• Планшеты — 768 пикселей и выше. 4
• Нетбуки — 1024 пикселей и выше. 4
• Мониторы — 1280 пикселей, 1600, 1920 и выше. 4

Некоторые варианты адаптации сайта на основе брейкпоинтов: 3

• 1920px — для широкоформатных мониторов. 3
• 1280px — для стандартных мониторов (экраны с разрешением от 1280px до 1920px). 3
• 768px — для планшетов и небольших мониторов (экраны с разрешением от 768px до 1280px). 3
• 480px — для смартфонов в горизонтальной ориентации (экраны с разрешением от 480px до 768px). 3
• Менее 480px — для смартфонов с портретной ориентацией (экраны с разрешением менее 480px). 3

Количество версий адаптации может быть разным, в зависимости от особенностей сайта и целевой аудитории. 3