html - Internet Explorer 中的图像很大，而 firefox 和 chrome 都很好

Question

教练图片的图像是巨大的，而 firefox chrome 或 safari 中的图片是正常大小。我假设这是 ie 与 css 的一个怪癖，但我有足够的经验知 Prop 体应该修复什么。

更新:我已经修复了显示正确大小的图像部分，但图片所在的单元格仍然与图片很大时的大小相同。是什么导致单元格在 IE 中变得巨大，但在 Firefox、Chrome、Safari 中却没有。

        <tr>
        <td class = "spacer"></td>
        <td class = "trspacer" colspan = "1"></td>
        <td class="trainerimg" colspan = "1"><img src = "images/deanne.jpg" alt = "Deanne" /></td>
        <td class="trainer2" colspan = "4" style= "font-size:14"><h2>Deanne Cox</h2><p>Having been in the fitness field for over 25 years, I have worn many hats.  I have owned a gym, worked in a rehabilitation clinic, taught a variety of group exercise classes, been a personal trainer, and held several management positions in a big health club.  Although the experiences were all different, the one constant was working with people who had ideas, dreams, and goals that involved self-improvement of one type or another: gain or lose weight, gain muscle/get stronger, increase flexibility, run faster, pass the fitness test to get the job, get off medication, avoid surgery, stress relief,  and the list goes on and on.  The best part is, no matter how big or small the goal, any degree of improvement is a success. And helping clients achieve this success is incredibly rewarding.  So while I am in the exercise business, it is really about the people.  And the people are why, after all these years, I still love what I do.</p>

<p>American Council on Exercise (ACE), American Institute of Fitness Educators, (AIFE), Cooper Institute, RehabTex - Exercise Specialist, PregnaCare Director, TRX Personal Training, TRX Group Training, RIPPED, CPR/AED</p></td>
        <td class = "trspacer" colspan = "1"></td>
        <td class = "spacer"></td>
        </tr>
        <tr>
        <td class = "spacer"></td>
        <td class = "trspacer" colspan = "1"></td>
        <td class="trainerimg" colspan = "1"><img src = "images/betsy.jpg" alt = "Betsy" /></td>
        <td class="trainer" colspan = "4" style= "font-size:14"><h2>Betsy Cooper</h2><p>My passion is to empower and motivate my clients through fitness so
they can live happy and healthy lives. I also believe that the only person you should try to be better than, is the person you were yesterday! Before joining the The San Antonio Country Club Fitness Center, I was the Wellness
Director at The Towers on Park Lane. 


My previous fitness experiences include working at
the Concord Athletic Club for over 10 years.
In supervisory positions at the Concord, I instructed
a variety of group fitness classes and worked in the Health and
Fitness Center conducting an array of health screenings
and assisted in teaching the "Fit for Life" program for
weight management. I even took my
experience to the Caribbean Seas as the Activities Director on a
Cruise Ship.</p>
<p>The Physicalmind Institute for Pilates mat instruction,
Polestar Pilates for instruction on Pilates equipment, (AFAA) Aerobics and Fitness
Association of America, People with Arthritis Can Exercise (PACE), CPR/AED </p></td>
        <td class="trspacer" colspan = "1"></td>
        <td class = "spacer"></td>
        </tr>
        <tr>
        <td class = "spacer"></td>
        <td class="trspacer" colspan = "1"></td>
        <td class="trainerimg" colspan = "1"><img src = "images/jen.png" alt = "Jen" /></td>
        <td class="trainer2" colspan = "4" style= "font-size:14"><h2>Jennifer Hartley</h2><p>I became a fitness professional out of a deeply held belief that physical activity can improve so many aspects
of one's life.  Physical fitness doesn't just make you look better, it makes you feel better, cope with stress, fight off aches and pains, and helps the rest of your day go better. I graduated from the University of Texas at Austin and I have over 8 years experience in the fitness industry.  </p>
<p>National Academy of Sports Medicine(NASM) Personal Trainer, NASM Corrective Exercise Specialty, Aerobic and Fitness Association of America(AFAA) Personal Trainer, AFAA Group Exercise, Kettlebell Concepts Level 1, TRX Personal Training, TRX Sports Medicine, Spinning Instructor, CPR/AED.</p></td>
        <td class="trspacer" colspan = "1"></td>
        <td class = "spacer"></td>
        </tr>
        <tr>
        <td class = "spacer"></td>
        <td class="trspacer" colspan = "1"></td>
        <td class="trainerimg" colspan = "1"><img src = "images/marta.jpg" max-height = "100px" max-width = "100px" alt = "marta" /></td>
        <td class="trainer" colspan = "4" style= "font-size:14"><h2>Marta Wilson</h2><p>I have been working and playing in gyms since 1984.  I found I really enjoyed the feeling of helping somebody achieve their goals and guiding clients to a healthy and sustainable lifestyle.
  After college I worked as a Dental Assistant for many years. Even when I was working in dentistry I always had a hand in the fitness field.
  I decided that personal training was where my heart was, retired myself from dental assisting and worked at an exclusive gym in Beverly Hills.  I worked as a trainer until I got pregnant at the age of 40. I have been training in the industry for nearly 15 yrs.  
 My passion is helping women be and feel their best, I truly believe a healthy lifestyle and being fit is achievable for everyone.</p>
 <p>National Academy of Sports Medicine(NASM), CPR/AED</p></td>
        <td class="trspacer" colspan = "1"></td>
        <td class = "spacer"></td>
        </tr>

    </body>
</html>

Answer 1

我注意到您的最后一个图片标签上有最大高度和最大宽度属性。 <img>标记没有 max-height 或 max-width 属性，但您可以在 CSS 上设置它。

尝试将以下属性添加到您的 trainerimg类:

.trainerimg {
    max-height: 100px;
    max-width: 100px;
}

请注意，您还可以通过添加 width 来强制图像具有统一的宽度和高度。和 height CSS 属性到 trainerimg类。

** max-height和 max-width不适用于 IE 6 或 7，所以如果你支持它，你应该使用特定的 height和 width