Хорошо, вот уже две недели осматриваюсь, пытаясь выяснить, как заставить медиазапросы реагировать на физический размер экрана.
Но когда все сказали, что это невозможно, я решил загрузить в правильную таблицу стилей, но мне не удалось найти формулу, которая, кажется, работает с размерами экрана.
Так что теперь я просто спрошу, возможно ли такое, у меня есть огромный телевизор размером с половину стены, но с тем же разрешением, что и у моего ПК, но мне нужен телевизор, чтобы использовать другую компоновку, чем мой компьютер экран, это выполнимо?
Просто для забавы вот кое-что из того, что я пробовал.
var width = screen.width;
var height = screen.height;
var test = document.getElementById("test")
var info = test.getBoundingClientRect()
var pixel = info.width/100;
console.log(width/pixel);
console.log(height/pixel);
Но это только дало мне соотношение пикселей css, а не физическое, которое я надеялся вычислить, установив тестовый div на 100 см.
var div = document.getElementById("test");
var ppi = document.defaultView.getComputedStyle(div, null).getPropertyValue('width');
phys = parseFloat(ppi.replace('px', ''));
Я тоже пробовал это, та же проблема.
Я пытался основывать свои запросы на измерениях ЭМ, но точно так же, как когда я пробовал «соотношение пикселей устройства», я нахожу его слишком ограничительным и недостаточно точным, и я немедленно отказался от пикселей по очевидным причинам.
И какое-то спокойствие, что это возможно сделать <link rel="stylesheet" type="text/css" media="tv" href="css/TVStyle.css">, но я не смог найти никаких официальных указаний на то, что это реально или даже работает, хотя было надежно, без необходимости использовать некоторые махинации.
И теперь я как-то растерялся, потому что некоторые источники говорят, что это невозможно, в то время как другие говорят, что это возможно, но придают им некоторое спокойствие, чтобы быть неточными и / или противоречивыми.
Итак .... как мой проект?