javascript - 响应式图像 - 在不同的屏幕尺寸上调整图像大小

标签 javascript html css response media-queries

我正在使用 http://www.getskeleton.com/在我网站的框架上。我想让图像在不同的屏幕尺寸上调整大小,例如iPhone。有谁知道最简单的方法吗?我已经进行了谷歌搜索,并给出了太多的选择,不知道哪个是最好的。我所追求的是随着屏幕变小,将图像更改为更小的图像。

最佳答案

这是一个棘手的问题:设计社区设计了很多方法,每种方法各有优缺点。没有“完美”的(我/e 一个带有媒体查询的新 img 标签,但是 working group 正在解决这个问题)

Ma 最喜欢的方法是此处描述的方法:http://headlondon.com/our-thoughts/technology/posts/creating-responsive-images-using-the-noscript-tag

您必须调整他们的脚本,因为它是一个 ruby​​ 助手 gem,而不是普通的 html/js。

关于javascript - 响应式图像 - 在不同的屏幕尺寸上调整图像大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10418309/

相关文章:

使用 Enter 键时,HTML 表单不包含表单提交按钮名称

html - Bootstrap 页眉前不需要的空间

html - 当我将按钮的宽度和高度更改为较小的数字时,按钮中的内联图标未居中

javascript - 移动滑动菜单可滚动

javascript - 如何从 jquery 代码中触发 CKEditor 4.x?

javascript - 如何为 JavaScript 设置 HttpPost 和 header ?

javascript - 浏览器 - SVG 渲染完成事件

javascript - 如何从 javascript 转到新页面?

css - Internet Explorer 11 无法识别条件 CSS

jquery - 在页面中的每个图像弹出窗口中添加动态文本框以进行图像描述