如果这个问题看起来很愚蠢，请原谅我，但我真的是这个问题的初学者。
让我们假设我需要创建一个具有以下布局的网页
+----------------------------------------+
| Img1 and overlay text |
| |
+--------------------+-------------------+
| img2 and | Img3 and |
| Overlay text | Overlay text |
+--------------------+-------------------+
此页面需要在手机，平板电脑，桌面上垂直或水平显示。
这样说就足够了：“Image1文本叠加应该是60px的高度”，让它以相同的方式在任何地方工作？
或者我应该根据常见的媒体断点定义不同的字体大小？
此外，基于device-width的媒体查询是否足以为媒体查询所涵盖的设备创建设计，还是在设计网站时还需要考虑CSS像素比率？
谢谢！