可爱老人网

 找回密码
 注册会员
搜索
查看: 1869|回复: 23

显示图片应该使用 img 还是 iframe

[复制链接]
发表于 2022-4-7 20:17 | 显示全部楼层 |阅读模式
本帖最后由 夕阳黄昏 于 2022-4-7 20:17 编辑

先看img标签
  1. 原图 690 x 446
  2. <img src="https://x0.ifengimg.com/ucms/2022_15/DB963339BB3CF5289CAACEFBE8F681784F76694D_size41_w690_h446.jpg">
复制代码

  1. 缩小一半345 x 223
  2. <img src="https://x0.ifengimg.com/ucms/2022_15/DB963339BB3CF5289CAACEFBE8F681784F76694D_size41_w690_h446.jpg" width="345">
复制代码

  1. 扩大为一倍半 1035 x 669
  2. <img src="https://x0.ifengimg.com/ucms/2022_15/DB963339BB3CF5289CAACEFBE8F681784F76694D_size41_w690_h446.jpg" width="1035">
复制代码

评分

参与人数 2人气值 +6 收起 理由
娟子 + 3 受益匪浅!
静悟 + 3 受益匪浅!

查看全部评分

 楼主| 发表于 2022-4-7 20:17 | 显示全部楼层
本帖最后由 夕阳黄昏 于 2022-4-7 20:16 编辑

再看使用iframe标签
  1. 原图 690 x 446
  2. <iframe src="https://x0.ifengimg.com/ucms/2022_15/DB963339BB3CF5289CAACEFBE8F681784F76694D_size41_w690_h446.jpg" width="690" height="446"></iframe>
复制代码

  1. 缩小一半345 x 223
  2. <iframe src="https://x0.ifengimg.com/ucms/2022_15/DB963339BB3CF5289CAACEFBE8F681784F76694D_size41_w690_h446.jpg" width="345" height="223"></iframe>
复制代码

  1. 扩大为一倍半 1035 x 669
  2. <iframe src="https://x0.ifengimg.com/ucms/2022_15/DB963339BB3CF5289CAACEFBE8F681784F76694D_size41_w690_h446.jpg" width="1035" height="669"></iframe>
复制代码

比较后可以达到结论:改变img的width 和 height 的数值可以改变图片的大小,而改变iframe标签的width和height的值不能改变图片的大小而改变的是iframe本身的大小。
所以建议图片优先选用img标签。

评分

参与人数 1人气值 +3 收起 理由
静悟 + 3 受益匪浅!

查看全部评分

发表于 2022-4-7 20:54 | 显示全部楼层
欣赏佳作 - 赞!
发表于 2022-4-8 04:22 | 显示全部楼层
夕阳黄昏 发表于 2022-4-7 20:17
本帖最后由 夕阳黄昏 于 2022-4-7 20:16 编辑 再看使用iframe标签

谢谢老友指导,清晨好。y
发表于 2022-4-8 05:29 | 显示全部楼层
谢谢介绍可怕的车祸!
 楼主| 发表于 2022-4-8 07:25 | 显示全部楼层



 楼主| 发表于 2022-4-8 07:25 | 显示全部楼层
山水人家 发表于 2022-4-8 04:22
谢谢老友指导,清晨好。y


 楼主| 发表于 2022-4-8 07:26 | 显示全部楼层
林林五 发表于 2022-4-8 05:29
谢谢介绍可怕的车祸!


点评

谢谢  发表于 2022-4-8 07:35
发表于 2022-4-8 08:29 | 显示全部楼层
图片代码我一直是用img.
        
下一页 发布主题 快速回复

手机版|公众号|小黑屋|可爱老人网

GMT+8, 2024-12-22 09:18

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表