Internet Explorer中的图像很大，而Firefox和chrome很好

Question

训练员的图片图像非常庞大，而使用Firefox chrome和safari的图片则为正常大小。 我假设这是一个带有CSS的怪癖，但我有足够的经验知道应该具体解决什么问题。

更新：我已经修复了显示正确尺寸的图像部分，但是图片所在的单元格仍然与图片很大时的尺寸相同。 是什么原因导致该单元格在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

我注意到您在最后一个图像标签上具有max-height和max-width属性。 <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

Answer 2

尝试清除浏览器的zoom 。 然后找到图像的真实width和height ，并按照上面的建议在img标签中指定尺寸。