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

阅读量：406 次

发布时间：2019-03-05

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

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

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

选中

在这里插入图片描述

选中Properties，并找到img

在这里插入图片描述

在这里插入图片描述

查看clientWidth/clientHeight/naturalWidth/naturalHeight

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

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

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

在这里插入图片描述

在这里插入图片描述

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

你可能感兴趣的文章

Nginx 我们必须知道的那些事

Nginx 源码完全注释（11）ngx_spinlock

Nginx 的 proxy_pass 使用简介

Nginx 的 SSL 模块安装

Nginx 的优化思路，并解析网站防盗链

Nginx 的配置文件中的 keepalive 介绍

Nginx 相关介绍(Nginx是什么?能干嘛?)

Nginx 知识点一网打尽：动静分离、压缩、缓存、跨域、高可用、性能优化...

nginx 禁止以ip形式访问服务器

NGINX 端口负载均衡

Nginx 结合 consul 实现动态负载均衡

Nginx 负载均衡与权重配置解析

Nginx 负载均衡详解

Nginx 负载均衡配置详解

nginx 配置单页面应用的解决方案

nginx 配置dist 加上跨域配置

nginx 配置https（一）—— 自签名证书

nginx 配置~~~本身就是一个静态资源的服务器

Nginx 配置服务器文件上传与下载

Nginx 配置清单（一篇够用）