如何在 C# MVC 中使用 BBC 的 Imager.Js 作为响应式图像
How to use BBC's Imager.Js for responsive images in C# MVC
我想使用BBC Imager.js库根据设备窗口大小在我的网站上加载响应式图像。我已经在服务器上存储了不同大小的图像。
我已经在github上关注了BBC-News/Imager.js/的文档,但由于缺乏知识,我无法让它工作。请帮助我如何完成此任务,或者是否有更好的技术来完成这项工作。
我解决了我的问题。我打算使用这是一种古老的技术,现在使用<Picture>
标签根据我们图像目录中的浏览器大小自动选择图像。
<picture>
<source media="(min-width: 1024px)" srcset="www.example.com/image-large.jpg, www.example.com/image-large.jpg 2x">
<source media="(min-width: 768px)" srcset="www.example.com/image-medium.jpg, www.example.com/image-medium.jpg 2x">
<source media="(min-width: 480px)" srcset="www.example.com/image-mobile.jpg, www.example.com/image-mobile.jpg 2x">
<source srcset="www.example.com/image-small.jpg, www.example.com/image-small.jpg 2x">
<img src="www.example.com/image-mobile.jpg" alt="@item.Title">
</picture>
此图片标签中的图像标签适用于较旧的浏览器支持,希望它会有所帮助。
- 可以't让我的if语句处理js中的html表单输入
- 使用agility.js进行页面布局和合成
- 使用Clipboard.js复制span文本
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- 强制模板刷新ember.js
- 如何编写HTML输入的JS内联
- Angular JS IE9 Hashbang url rewriting
- 使用JS将数组转换为json对象
- Node.js v6.2.0类扩展不是函数错误
- 当js函数's已执行
- 要求未定义JS回调参数
- 在自定义mean.io包中使用angular-chart.js作为依赖项
- 无法在数据endVal中设置值=“”;{{ucount}}”;使用Angular JS的CountUp
- 如何从Java/scala调用js美化程序
- 如何更改<svg>标记为<img>用js标记
- 如何使用 node.js 比较两个 json 数组
- chrome扩展:尽管运行了at:documentidle,js脚本还是过早启动
- 节点Js:How to catch a“;没有这样的文件或目录“;读取线模块出错
- Selectize.js:如何对整数值的选项进行排序
- 如何在 C# MVC 中使用 BBC 的 Imager.Js 作为响应式图像