当前所在位置: 首页 » 新闻动态 » 图文帮助 » 组件操作 » 组件通用功能 » 如何查看页面上的图片的尺寸(图片尺寸)?

如何查看页面上的图片的尺寸(图片尺寸)?

浏览数量:134     作者:本站编辑     发布时间: 2018-06-21      来源:本站

使用领动云营销平台制作的网站,若要查看网页上某个图片的尺寸,可以分两种情况来查看,这里以谷歌(Chrome)浏览器为例来进行说

明:


第1种情况:按键盘上的F12键打开“开发者工具”,单击放大镜图标,然后把鼠标移到对应的图片上,会显示每个图片的尺寸。


请注意:下图中4看到的是此图片在目前这个电脑上显示的尺寸。图片中7即为图片的实际尺寸,按照这个尺寸来制作就可以了。


chakantupi


6batupianl


7chakantup


第2种情况:查看组件背景图片或行背景图片的方法:按键盘上的F12键打开“开发者工具”,单击放大镜图标,然后把鼠标移到对应的图片

上,在右侧的Styles中可以查看到此背景图在目前终端小的大小,原图的大小请按照第1种情况中的5、6、7步骤来查看,这里就不重复描述

了。

chakanbeij

用Firefox浏览器,按键盘上的F12键,点击“从页面中选择一个元素“按钮,然后把鼠标移到对应的图片上,会显示每个图片的尺寸。

电话:

0769-88036810/88037331

邮箱:

地址:

广东省东莞市南城区胜和广场D栋1420-1422室
广东省广州市天河区丰兴大厦B座12楼