Html 使用chrome时blogspot中的扭曲图像_Html_Css_Google Chrome_Styles_Blogspot

Html 使用chrome时blogspot中的扭曲图像

html css google-chrome

Html 使用chrome时blogspot中的扭曲图像,html,css,google-chrome,styles,blogspot,Html,Css,Google Chrome,Styles,Blogspot,我已向blogspot博客添加了一个包含图像库的页面：在chrome中，一些图像被扭曲（垂直格式图像）-在firefox中，一切看起来都很好： <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="

我已向blogspot博客添加了一个包含图像库的页面：

在chrome中，一些图像被扭曲（垂直格式图像）-在firefox中，一切看起来都很好：

    <?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
    <title></title>
    <meta name="generator" content="Bluefish 2.2.2" />
    <meta name="author" content="" />
    <meta name="date" content="2013-01-20T10:35:50+0100" />
    <meta name="copyright" content=""/>
    <meta name="ROBOTS" content="NOINDEX, NOFOLLOW"/>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8"/>
    <meta http-equiv="content-style-type" content="text/css"/>
    <meta http-equiv="expires" content="0"/>
    <meta />
    </head>

    <style type="text/css">

    table {
     text-align: center;
    }

    td {
     margin-top: 4;
     margin-bottom: 4;
     margin-left: 4;
     margin-right: 4;
    }

    img {
     height: 85%;
     width: 85%;

    }
    </style>
    <body>
    <div id='galleryWinter'>

    <table vertical-align:middle; horizontal-align:middle>

    <tr>
    <td>
    <a href="http://www.istockphoto.com/stock-photo-19712275-virginia-creeper-in-fall.php?st=ee2d438" target="_parent" name="Wilder Wein">
    <img src="http://i.istockimg.com/file_thumbview_approve/19712275/2/stock-photo-19712275-virginia-creeper-in-fall.jpg" alt="Wilder Wein" />
    </a>
    <h3>Wilder Wein</h3>
    </td>
    <td>
    <a href="http://www.istockphoto.com/stock-photo-19792446-virginia-creeper-in-fall.php?st=ee2d438" target="_blank" name="Wilder Wein">
    <img src="http://i.istockimg.com/file_thumbview_approve/19792446/2/stock-photo-19792446-virginia-creeper-in-fall.jpg" alt="Wilder Wein" longdesc="Wilder Wein" />
    </a>
    <h3>Wilder Wein</h3>
    </td>
    </tr>
.
.
.(the code for the other images and links)


桌子{
文本对齐：居中；
}
运输署{
利润率最高：4；
利润底部：4；
左边距：4；
保证金权利：4；
}
img{
身高：85%；
宽度：85%；
}
怀尔德·韦恩
怀尔德·韦恩
.
.
（其他图像和链接的代码）

正如你所看到的，我已经把图像放进了一张表中。我需要做什么，垂直格式的图像在chrome中不会失真（扩展到表格单元格的宽度）

期待您的回答，

强制自动设置图像高度，而不是为页面上的每个图像全局设置85%：

Css:

#galleryWinter img{
height: auto !important;
}