jquery - 图像大小(响应 slider )

标签 jquery html css image responsive-design

我正在使用响应式 http://bxslider.com/在我的网站上。问题是,我有大图片和大文件,如果我想在移动设备上观看我的网站,加载需要很长时间。

bxslider 与 html 中的 img-tags 一起工作,我正在寻找一种方法,浏览器可以决定他将选择哪个图像版本,例如大、中或小。

我知道它如何用于 css 中的 div,例如媒体查询,但我不知道它如何用于 html 中的图像。

有什么建议吗?

对不起,我的英语不好:P

最佳答案

对于响应式图片,我们必须将 max-width:100% 放入图片标签。和外部 div 或者哪个元素可以设置宽度。可以使用 css 媒体查询根据设备宽度重新编写。

关于jquery - 图像大小(响应 slider ),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40258959/

相关文章:

javascript - 扩展库时附加 jQuery 回调函数

javascript - 是否可以使用 WebRTC 连接到特定主机?

javascript - 如何动态更改表中的列数但仍保持表布局不变?

html - 推特 Bootstrap : hiding a row-fluid container without the row's other containers to the right sliding left?

css - 如何更改 Woocommerce 评论图标

javascript - 如何在 jquery 中访问 forEach 之外的值

jquery - 侧边栏不会出现在 Bootstrap 中

jquery - 经典的asp文件上传与jquery优点?

javascript - 使用 html/js 的动画和随机化器

html - Internet Explorer 对齐问题