CSS для всех устройств или CSS для отдельных устройств

Question

Мне просто интересно, каков наилучший подход для веб-разработки для всех устройств.Я просто хочу знать, лучше ли иметь 1 CSS-файл для всех устройств или CSS-файл для отдельных устройств?

Из-за http 2 он может загружать несколько файлов на одном TCP-соединении, а не использовать несколько соединений, которыеhttp 1.1 сделал.

Причина, по которой я задаю этот вопрос, заключается в том, что когда вы входите в Amazon или LinkIn, например (даже в стеке по потоку).Если вы нажмете «осмотреть» сайт, нажмите «Переключить панель инструментов устройства» и использовать настройку iphoneX или galaxy s9 (например, снова).Нажмите «Обновить» и выключите «панель инструментов устройства».

Вы могли бы заметить, что CSS выглядит так, как будто он все еще запоминает мобильный телефон, как будто они обнаруживают устройство и загружают CSS для этого устройства, а не имеют единый CSS, который подходит для всех устройств.

Answer 1

Если вам не нужно создавать совершенно другой дизайн для отдельных устройств (что означает, что ваш сайт несколько сложен, и даже тогда не всегда лучшая идея), вы не должны думать о разработке для "устройств", а скорее об атрибутах устройства, таких как размеры экрана, что делается с помощью медиа-запросов .Все они могут находиться в одном и том же файле CSS, или вы можете разделить их на отдельные файлы, чтобы сократить время загрузки.