如何在响应式引导程序网站中调整来自数据库的动态图像的大小

时间:2016-05-03 05:56:22

标签: html5 twitter-bootstrap css3

我正在使用yslow,它告诉我们不要在HTML中缩放图像,但图像来自数据库,我使用它们使用bootstrap网格。大多数图像都会在弹出窗口中显示。

我设置的图片宽度是css文件中的百分比,如max-width:100%width:100%;,但我不知道要设置什么不缩放HTML中的图片。

我不知道如何解决这个问题。请帮帮我。

1 个答案:

答案 0 :(得分:0)

YSlow告诉你这是因为在HTML中调整图像大小不是一个好习惯,特别是如果图像变小,这意味着你花了太多时间下载。

您不需要像YSlow这样的所有性能监视器将您视为操作项。报告只是建议。正如@Amin Gharavi所说,如果图像加载速度足够快,那么它可能还可以。

问题是如果你下载的图像比它们的视觉效果大很多,这通常意味着下载速度要慢得多,而且某些浏览器的视觉质量会降低。