Прикрепляю изображение. Слева вид в режиме галакси, а справа то, как выглядит в браузере десктопного ПК либо просто в произвольном размере. Например, если у галакси указана ширина 360px, то если ввести вручную этот размер, квадратики получаются адекватного размера, как справа. Не могу никак понять, почему так происходит. Браузер под конкретные девайсы меняет пропорции или еще чего-то. Значения width, height у div в CSS везде одинаковый на всех девайсах, но отображается по-разному. В чем я туплю, подскажите, пожалуйста?
ретина? смотрите какова плотность пикселей, возможно вот это будет интересно - https://habr.com/ru/post/150071/
это типа мак? Не. Но может быть в этом направлении надо копать. Пока не разобрался. Можете глянуть? https://cloud.mail.ru/public/LRF5/ZPEupXBEs/
Не знаю, что за мистика у вас такая, что при одинаковых входных данных у вас показывается разный результат. В моей версии хрома такой проблемы нет, по крайней мере. В любом случае, вот хороший ресурс по вопросу различного отображения в мобильных и десктопных версиях сайтов https://developer.mozilla.org/en-US/docs/Web/HTML/Viewport_meta_tag