0

我目前正在构建网站的移动版本。

不是一个单独的域(mobile.example.com),而是一种响应式方法(使用媒体查询加载某些 CSS 以适应屏幕大小)

但是,我似乎无法弄清楚如何减少“页面大小”。

我的站点的桌面版本包括一个 jquery 滑块插件,它可以在五个相对较大的高分辨率图像中滑动。我的移动端不包括那个。但是,这些图像会在构建移动版本时继续加载。

我已将它们的显示属性设置为无,但这仍然会加载图像。

那么,无论是通过 javascript 还是其他类型的媒体查询,我怎样才能指定应该加载哪些文件,不应该加载哪些文件呢?

4

1 回答 1

1

SmashingMagazine.com 上有一篇很棒的文章“响应式 Web 设计技术、工具和设计策略”,它总结了开发人员试图解决这个问题的许多方法。

也就是说,还没有一种“最佳实践”。

于 2011-07-22T22:30:02.497 回答