Javascript 响应式设计与广告

这是我第一次尝试创建一个响应性强的网站

因此，我根据设备的大小加载样式表，这意味着一些div可能可见，也可能不可见

我遇到的一个问题是，在手机上，我不想显示包含内容和广告的面板。我的问题是，我仍在构建该面板，并让移动访问者下载它，但不显示它。它仍在加载中，我被认为是罪魁祸首，但无法点击/查看，我将被打耳光

那么，如果div是可见的，我如何只加载广告（比如iframe或javascript）？或者更好的是，如果可以看到，只加载一个完整的分区/面板

---

还是我的做法不对？

请与JS确认它是否可见并加载。。你试过了吗？我也注意到这是响应式设计CSS的一个问题。我不关心广告，只是担心移动设备会加载大尺寸的资产，如图像或样式表，然后它们不会显示。Putvande可能走的是正确的道路。无论您的解决方案是什么，请记住，根据定义，响应性设计会响应窗口大小的变化。因此，你可以有一个桌面，开始时很窄，有移动视图，但后来调整大小，并获得完整视图。如果只检查页面加载是否可见，它就会崩溃。因此，除了在加载时进行检查外，您可能还希望在窗口调整大小时随时进行检查。你最终得到的是有效的延迟加载。JavaScript可能是你最好的选择。在jquery中，它类似于“if（$（'#element_id'）。is（':visible'））{display_ad（）；}”。加上Nelson建议的调整大小检查这是响应性设计方面广泛讨论的话题，您应该查看以下参考资料：，或