Как ведут себя пиксели на разных устройствах
Пожалуйста, извините, если этот вопрос кажется глупым, но я действительно новичок в этом вопросе.
Давайте предположим, что мне нужно создать веб-страницу со следующим макетом
+----------------------------------------+
| Img1 and overlay text |
| |
+--------------------+-------------------+
| img2 and | Img3 and |
| Overlay text | Overlay text |
+--------------------+-------------------+
И эта страница должна быть видна на мобильных телефонах, планшетах, настольных компьютерах, вертикально или горизонтально.
Достаточно сказать что-то вроде: "Наложение текста Image1 должно иметь высоту 60 пикселей", чтобы оно работало везде одинаково? Или я должен определить другой размер шрифта на основе общей точки прерывания медиа? Кроме того, медиа-запрос на основе device-width Достаточно ли создать дизайн для устройства, охватываемого медиа-запросом, или мне нужно учитывать также соотношение пикселей CSS при разработке сайта?
Спасибо!