html – 如何在img标签中正确调整照片尺寸以适应屏幕尺寸？
发布时间：2020-12-14 18:32:10 所属栏目：资源 来源：网络整理
导读：我有这个照片页面： http://www.comehike.com/hikes/hike_image.php?hike_photo_id=106photo_path=http://www.comehike.com/img/hiking_photos/-1_311_5/full_IMG_4612.jpg 正如你所看到的,图片比屏幕更大.有没有办法减小照片的尺寸,以保持其长度和宽度的比
|
我有这个照片页面：
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" /> （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |