html - 大型背景图片网站的移动网站

标签 html css mobile responsive-design

我有一个大型图像背景潜在客户生成页面 http://minkstock.com

我想让它与移动设备兼容,但不想加载我在台式机和平板电脑网站上用作背景的巨大图像。

这是防止它在移动设备上加载的最佳方法。

最佳答案

@devundef 是对的。我们通常从 CSS 中调用背景图像。在这种情况下,CSS3 媒体查询就足够了。我也建议遵循这条规则。

可选(如果不想采用css背景): 您是否检查过 Foresight.js 插件?它检测浏览器以及数据网络:https://github.com/adamdbradley/foresight.js

它为您提供了根据用户的浏览器和连接类型进行自适应图像替换的选项。好处是您也不必删除背景,并且能够在 UI 上保持一致性。

关于html - 大型背景图片网站的移动网站,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11803861/

相关文章:

jquery - 我们如何制作一个可以调整垂直和水平空间的动态照片库?

html - 将YouTube视频嵌入到较旧的移动浏览器中

java - 周期性写入数据时随机长IO暂停

javascript - 滚动时使 div 高度增大和缩小(React)

css - Angular 2 - 到处都是重复的 <style> block

asp.net - 移动设备被检测为非移动设备

javascript - 响应式等高div不指定高度

html - fontello CSS 在本地机器上工作,但一旦上传到服务器就不会

html - 在没有 Javascript 的情况下使用 Google Analytics?

javascript - 如何用 javascript 替换我的 url 文件夹?