拒绝加载显示:媒体查询中没有元素?

时间:2012-11-29 16:21:49

标签: css cross-platform media-queries

我有一个内容为603 KB的div,在小于480px的分辨率下不显示(@media中的display: none;)(我将实现320px以便稍后优化手机)。 对于不得不装载603kb废物的手机,我感到很遗憾。

可以采用解决方法吗?

可以在http://www.peterpagh.com/peterpaghdotk/

上看到临时和进行中的网站

1 个答案:

答案 0 :(得分:0)

退后一步,从另一个方向接近它。

您正在隐藏来自较小设备上的用户的内容,因此我猜测该内容不是网站功能的核心。

您可以使用https://github.com/filamentgroup/Ajax-Include-Pattern/之类的内容在特定断点处加载内容。

如果内容网站的核心,那么您应该看看如何减小尺寸。