CSS точка останова для ширины около 1097 пикселей

Question

Я пишу медиа-запрос, чтобы переключиться в режим просмотра с мобильных устройств при увеличении до 200%. Он прекрасно работает на 200%, но ломается на 175%, так как на 175% мой window.innerWidth меняется на 1097px (на моем ноутбуке).

Но медиа-запрос, для которого я пишу, нацелен на 1048px, который является стандартным размером для ширины таблицы.

Какой конкретный стандартный размер экрана должен быть нацелен на то, чтобы он хорошо подходил для любого ноутбука или компьютер, когда увеличение составляет 175% или 200%, что близко к 1097px?

@media (max-width: 1048px) {
 // CSS goes here...
}

Answer 1

Я бы сказал, это зависит от вашего макета и контента, какая точка останова подходит лучше всего. Не существует такой вещи, как «ширина экрана рабочего стола по умолчанию», поскольку существуют сотни экранов разных размеров, плюс люди могут использовать обрезанное окно браузера. Следовательно, я бы сказал, проверьте, где ваш макет начинает выглядеть слишком узким, и используйте его в качестве точки останова для просмотра с мобильных устройств / планшетов / компьютеров.