如何使用img标签正确调整照片大小以适应屏幕的比例？

Question

我有这个照片页面:

http://www.comehike.com/hikes/hike_image.php?hike_photo_id=106&photo_path=http://www.comehike.com/img/hiking_photos/-1_311_5/full_IMG_4612.jpg

正如你所看到的,图片比屏幕更大.有没有办法减小照片的尺寸,以保持其长度和宽度的比例,但也适合在页面上很好地适应？

谢谢!

Answer 1

添加width:100%其风格.

<img src="http://www.comehike.com/img/hiking_photos/-1_311_5/full_IMG_4612.jpg" style="border: none; width: 100%;" alt="California Nature" />