Question

我有这个代码适用于IE以外的所有浏览器（当然:)） IE不会减小图片的大小...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
.container {
    width:80%
}
.col1 {
    display: table-cell;
    background:#0F0;
    width: 200px;
}
.col2 {
    display: table-cell;
    background:#078;
}
img {
    max-width: 100%;
    height: auto;
}
</style>
</head>

<body>
<div class="container">
  <div class="col1">Patque, ut sit species matrimonii, dotis nomine futura coniunx hastam et tabernaculum </div>
  <div class="col2">>Post hoc impie perpetratum quod in aliis quoque iam timebatur, tamquam licentia crudelitati indulta per suspicionum nebulas aestimati quidam noxii damnabantur. quorum pars necati, alii puniti bonorum multatione actique laribus suis extorres nullo sibi relicto praeter querelas et lacrimas, stipe conlaticia victitabant, et civili iustoque imperio ad voluntatem converso cruentam, claudebantur opulentae domus et clarae. <img src="image.jpg" width="599" height="400" /></div>
</div>
</body>
</html>

如果有人有想法，请提前谢谢

IE 10中的CSS max-size for和image in fluid column

0 个答案: