Я работаю над сайтом с Bootstrap и тестирую их на разных устройствах в нашем офисе. Одним из таких устройств является HP folio 9470m с разрешением 1366 * 768, для этого у меня есть медиа-запрос для экранов размером более 1200 пикселей, и он хорошо работает на всех устройствах, но на этом устройстве он не отображает весь раздел героев как на фотографии, посмотрите на правый столбец раздела героя, под этим текстом есть часть, кнопка, которая скрыта.
В медиа-запросе я увеличил размер шрифта в элементе body такой:
@media only screen and (min-width: 1200px) {
html {
font-size: 16px;
}
. Этот экран 1366 * 768, но показывает большой шрифт, это нормально, когда я проверяю тестирование, и 1366 * 768 в моих настройках, но для самого экрана это показывает меньше контента и шрифт большой.