如何测量网页元素的长宽，有什么工具么

SKY20110501 2011-12-12 11:32:35

如题

...全文

509 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

hookee 2011-12-12

打赏
举报

IE开发者工具 (按F12) 标尺工具

MuBeiBei 2011-12-12

打赏
举报

火狐浏览器 firebug

qq307023807 2011-12-12

打赏
举报

打开QQ shift+alt+A 经常用这个

SKY20110501 2011-12-12

打赏
举报

[Quote=引用 2 楼 hookee 的回复:]

IE开发者工具 (按F12) 标尺工具
[/Quote]给我发一个吧,522801398@qq.com，谢谢

SKY20110501 2011-12-12

打赏
举报

[Quote=引用 1 楼 mubeibei 的回复:]

火狐浏览器 firebug
[/Quote]已有firebug怎测啊

nmglhq2010 2011-12-12

打赏
举报

截成图片用ps可以测量

1、可以截图，并且对其编辑 2、可以测量网页中某个元素或者标签或者图片的长宽 3、当然可以取色（也是一个不错的取色软件）

最近在仿写页面的时候遇到一件奇怪的事情！那就是网页截图的宽度和盒子实际的宽度不一致结论下面进行案件重演如图用snipaste测得高度为303px，接下来根据这个高度写个盒子（宽度我随便写的，不碍事） –看起来就感觉仿写的高度不一样，不过还是测测吧和测量值一样高度为 303px，但是！奇怪的事情发生了用snipaste 测测，发现咋变成380px，我明明是按照测量值设定的高度，为啥现在又不一样了。面对这个问题，在我有限的知识里我想到了 em单位和 rem单位。。。（为啥会想到这两个单位呢

屏幕尺子，顾名思义就是在设备的屏幕上生成一个虚拟的在线屏幕尺子，让用户在没有尺子的情况下也能对图片及一些物品的尺寸进行测量。那么，屏幕尺子有哪些？屏幕尺子哪个好用呢？下面小编就来推荐几款电脑屏幕尺子软件，有需要的朋友可以收藏一下。Pixel RulerPixel Ruler 是一款能够测量电脑屏幕的虚拟尺子。该软件可以帮助用户了解任何元素/像素的确切大小和位置，具有水平和垂直方向，动态鼠标测量跟踪...

这是我在模仿网页时遇到的问题，困扰了一会儿，情况是这样的。我下载了参考的网页html文件，为了测量某个box的高度，用了一款可以截图识别的软件：量出来的box高度是30px，于是css样式height依样设置，出来之后发现，box高度明显比参考的网页高。用截图软件再次测量显示的是44px左右，然而后台里面的box确实设置的是30px高。后来发现是我的电脑设置的问题，因为我的系统显示设置为150%，导致浏览器整体效果偏大，这个软件量的就不准了。如果改成100%是可以的，但是这样电脑字体实在太小，因此

作用：网页的标签非常多，在不同地方会用到不同类型的标签，了解他们的特点可以更好地布局我们的网页。元素显示模式就是元素（标签）以什么方式进行显示，比如自己占一行，比如一行可以放多个。HTML元素一般分为块元素和行内元素两种类型。特殊情况下，我们需要元素模式的转换。简单理解：一个模式的元素需要另外一种模式的特性，比如想要增加链接的触发范围。转换为块元素：display:block;

CSS

61,111

社区成员

60,734

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章