html – 如何在img标签中正确调整照片尺寸以适应屏幕尺寸?

前端之家收集整理的这篇文章主要介绍了html – 如何在img标签中正确调整照片尺寸以适应屏幕尺寸?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有这个照片页面

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

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

谢谢!

解决方法

添加宽度: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" />
原文链接:https://www.f2er.com/html/226132.html

猜你在找的HTML相关文章