为什么不使用设备宽度媒体查询？

Question

Heho 人，
使用 device-width-media-queries 又有什么缺点？

我的任务背景是：
--> 一个我控制的网站B，它必须是响应式的
--> 在 100% 宽度和高度的 iframe 中
--> 在可能没有 viewport-meta-tag 的网页 A 上


因此，在移动设备上，移动浏览器会在没有 viewport-meta-tag 的情况下呈现网页 A，即它会很大。因此，iframe 因其自身的响应能力而获得大值，而我的网页正常宽度媒体查询（多次推荐）不会触发，因为它需要 小值 . . .

尽管如此，device-width-media-query 得到了正确的值，那么为什么不使用它呢？

Answer 1

设备的宽度与浏览器将使用的设备视口无关。通常在移动设备中，视口实际上更大，然后缩小到设备的宽度。

针对媒体查询而不是文档的实际包装主体（即视口）定位任何内容只是在稍后的设计中提出问题。

关于没有视口的浏览器渲染，我认为您可能已经关闭了术语，请问您正在使用 iframe 构建什么？除非应用软件特定的框架通常不鼓励使用结构性标记。