在开发和调试我正在开发的响应式网站时，我一直在使用Safari响应式设计模式。
当设置为任何移动设备(例如，任何iPhone或iPad)时，我期望媒体查询如下所示
@media screen and (max-device-width: 480px) {
.disappear-on-device {
display: none;
}
}使用disappear-on-device类并相应地在宽度为RDM480的设备上激发元素并设置其样式，因为<=可以专门设置为模拟iPhones和iPads。
然而，样式并没有发生。Chrome响应式设计模式似乎能很好地处理这个问题。我在Safari首选项中找不到任何相关的东西。
我是不是漏掉了什么？有没有一种方法可以让Safari RDM像真正的设备一样工作？
转载请注明出处:http://www.starkdigitech.com/article/20230526/1497709.html