如何查看网页的某张图片的宽高？

阅读量：406 次

发布时间：2019-03-05

本文共 280 字，大约阅读时间需要 1 分钟。

如何查看网页的某张图片的宽高？

打开chrome的开发工具(F12)，用指针工具选中需要看的图片，查看Properties，选中img，详细步骤如图

选中

在这里插入图片描述

选中Properties，并找到img

在这里插入图片描述

在这里插入图片描述

查看clientWidth/clientHeight/naturalWidth/naturalHeight

clientXxxx 是客户端，即浏览器所显示的图片的宽高，

naturalXxxx是图片实际的宽高，即从服务器下载到本地的图片的宽高，同时也是保存图片时图片文件的宽高。

两者可能是不一样的值，clientXxxx 是通过css得到的值，是看到的大小尺寸。

在这里插入图片描述

在这里插入图片描述

转载地址：http://zzdzz.baihongyu.com/

你可能感兴趣的文章

Mysql 学习总结（86）—— Mysql 的 JSON 数据类型正确使用姿势

Mysql 学习总结（87）—— Mysql 执行计划（Explain）再总结

Mysql 学习总结（88）—— Mysql 官方为什么不推荐用雪花 id 和 uuid 做 MySQL 主键

Mysql 学习总结（89）—— Mysql 库表容量统计

mysql 实现主从复制/主从同步

mysql 审核_审核MySQL数据库上的登录

mysql 导入 sql 文件时 ERROR 1046 (3D000) no database selected 错误的解决

mysql 导入导出大文件

mysql 将null转代为0

MySQL 常用列类型

mysql 常用命令

Mysql 常见ALTER TABLE操作

mysql 往字段后面加字符串

mysql 快速自增假数据，新增假数据，mysql自增假数据

Mysql 报错 Field 'id' doesn't have a default value

MySQL 报错：Duplicate entry 'xxx' for key 'UNIQ_XXXX'

mysql 排序id_mysql如何按特定id排序

Mysql 提示：Communication link failure

mysql 插入是否成功_PDO mysql：如何知道插入是否成功