css 响应式图像

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 响应式图像相关的知识,希望对你有一定的参考价值。

embed,
iframe,
img,
object,
video,
.wp-caption {
	max-width: 100%;
}

img {
	height: auto;
}

/* --- Bootstrap solution can also be applied to WordPress --- */
/* --- img {width: auto} doesn't work in IE or Firefox  --- */
img {
  /* Responsive images (ensure images don't scale beyond their parents) */

  /* Part 1: Set a maxium relative to the parent */
  max-width: 100%;

  /* IE7-8 need help adjusting responsive images */
  width: auto\9;

  /* Part 2: Scale the height according to the width, otherwise you get stretching */
  height: auto;

  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

以上是关于css 响应式图像的主要内容,如果未能解决你的问题,请参考以下文章

css HTML,响应,IE:响应式图像

css CSS中的响应式图像

css CSS:响应式图像网格

使用 css 限制响应式图像的高度

css 响应式图像

css Safari 5响应式图像错误