我想使用媒体查询根据他们所在的div元素的大小来调整元素的大小。我不能使用屏幕大小，因为div只是像网页中的小部件一样使用，它的大小可以变化。

在编写CSS媒体查询时，是否有任何方法可以用“或”逻辑指定多个条件?我正在尝试这样做:

在媒体查询中，屏幕和只有屏幕有什么区别?为什么要求我们只使用屏幕?屏幕本身没有提供足够的信息，只呈现给屏幕吗?我见过许多响应式网站使用以下三种不同的方式:

我一直在做一些关于媒体查询的研究，但我仍然不太明白如何针对特定尺寸的设备。我希望能够瞄准台式机、平板电脑和手机。我知道会有一些差异，但如果有一个通用的系统可以用来针对这些设备就好了。我找到了一些例子: