限制在网站的移动版本上加载图像
我目前正在构建一个网站的移动版本。
不是一个单独的域（mobile.example.com），而是一种响应方法（使用媒体查询加载某些CSS以适应屏幕尺寸）
但是，我似乎不知道如何减小“页面大小”。
我的网站的桌面版本包括一个 jquery 滑块插件，它可以滑动五个相对较大的高分辨率图像。我的移动端不包括这个。但是，在构建移动版本时，这些图像会继续加载。
我已将其显示属性设置为无，但这仍然会加载图像。
那么，无论是通过 javascript 还是其他类型的媒体查询，我如何指定应该加载和不应该加载哪些文件？
I'm currently building a mobile version of a site.
Not a separate domain (mobile.example.com) but a respnosive approach (using media queries to load certain CSS for screen size)
However, I can't seem to figure out how to reduce the "page size".
The desktop version of my site includes a jquery slider plugin, which slides through five relatively large, high res images. My mobile side does not include that. However, those images continue to be loaded when the mobile version is built.
I've set their display property to none, but this still loads the images.
So how can I, whether through javascript or another type of media query, specify what files should and should not be loaded?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
SmashingMagazine.com 有一篇很棒的文章“响应式网页设计技术、工具和设计策略" 总结开发人员尝试了许多方法来解决这个问题。
也就是说，目前还没有一种“最佳实践”。
There's a great article at SmashingMagazine.com "Responsive Web Design Techniques, Tools and Design Strategies" that rounds up many of the ways developers have tried to tackle this issue.
That said, there is not one "best practice" yet.