html - 不同设备上的不同框架？

Question

我在我的几个网站上有一个顶部栏，它通过 iframe 显示，但是它在移动设备上看起来很糟糕，所以我想知道我是否可以将它放在一个 div 中，然后通过带有显示的 css 定位 div如果屏幕小于特定尺寸，则无。

理想的做法是在桌面设备上显示一个 iframe，在移动设备上显示另一个。

我在想:

@media only screen and (max-device-width : 320px) 
#div {display:none;}

我完全不知道如何显示具有不同来源的 iframe，这对我来说是理想的解决方案。

希望大家帮帮我

Answer 1

@media handheld and (max-device-width : 320px) 
{

#div {display:none;}

}

还要检查您的设备宽度，并在 max-device-width 功能中使用相同的宽度。