У меня есть пользователь, который использует мое веб-приложение на Surface Pro 4. Приложение не очень хорошо рендерится. Лучший способ, которым я могу описать это, - то, что кажется, что окно браузера было изменено до небольшого размера, и это пытается собрать вещи. Тем не менее, я считаю, что у него развернут браузер.
Поскольку у меня нет Surface, я пытался получить и Chrome, и Edge для эмуляции проблем рендеринга. Вот что я попробовал:
Edge: Имеет предустановку для Surface Pro 4. Я подумал, что, выбрав этот режим, я увижу проблему. Это на самом деле противоположная ситуация. Мне действительно нужно расширить окно браузера до нескольких дисплеев, чтобы можно было видеть весь контент (даже полосы прокрутки браузера). Я подозреваю, что это связано с тем, что Surface имеет более высокое разрешение, чем у моего P C.
Chrome: Нет предустановок для Surface, и я не смог найти ни одного человека, у которого c настроек. Я попробовал 2738 x 1834 и все три встроенных пикселя крысы ios (1.0, 2.0, 3.0). Chrome уменьшено, чтобы оно уместилось на моем экране. Также не было проблем с рендерингом. Изменение отношения пикселей не имеет значения.
Я признаю, что разработка веб-интерфейса не является моей сильной стороной. И это не помогает, что я унаследовал много этого кода. Но я действительно чешу голову здесь.
Если я попытаюсь эмулировать с предустановкой телефона, то у меня возникнут проблемы с рендерингом, потому что приложение не подходит для телефона и не обязательно. Это говорит о том, что эмуляция в браузере работает нормально. То, что осталось? Единственное, что я могу подумать, это то, что он, должно быть, использует какое-то масштабирование, которое запутывает вещи.
Кроме того, я должен отметить, что у меня был друг с iPad (извините, не знаю, какую модель) попробовать приложение также, и он также видит те же проблемы с рендерингом. На самом деле он думает, что он рендерит хуже, чем Surface.
Edit 1:
Я собрал тестовую страницу, которая показывает заголовок нашего приложения. Это здесь: https://app.astrolabe-analytics.com/surfaceTest
Вот скриншоты различных тестируемых дисплеев:
Вот Surface Pro 4 Hardware - Кнопки уведомлений оборачиваются 
Следующим является iPad Hardware (я не верю, что это про версия) 
Тогда вот как я настроил Chrome для эмуляции Surface Pro 
Эмуляция Surface Pro 4 в Край. Обратите внимание, что мне пришлось расширить окно браузера на моем втором мониторе, чтобы сделать снимок экрана. 
Наконец, стандартный вид в Chrome 