Question

训练师的照片图像很大，而firefox铬或野生动物园的图片大小正常。我假设这是一个与css有关的怪癖，但我有足够的经验知道具体应该修复的内容。

更新：我已经修复了显示正确尺寸的图像部分，但是图片所在的单元格仍然与图片巨大时相同。什么可能导致细胞在IE中巨大，但不是火狐，铬，野生动物园。

        <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标记中指定尺寸。

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

2 个答案: