一个网站做的好看不好看，布局很重要。怎样才能精确的布局呢？不能拿个尺子在屏幕上量来量去，把得到的cm值转换成px吧。这样不但会出错，还很浪费时间。接下来给大家介绍一款浏览器插件ruul.Screen ruler(屏幕测量尺)。
工具/原料
1
ruul.Screen ruler(屏幕测量尺)插件。
方法/步骤
2
双击那个尺子样的图标，会出现它的操作界面。【clear all】是清除你设置的样式。
3
点击resizable.这个是个可变的尺子，会在这个页面生成一个层。这个是可变大小的。可变长宽。由于是老外的产品，对页面的布局有要求，有的打不开。会出现一串红色的提示：sorry, but you can't add rulers to chrome://pages.
4
用F12调试看了下，控件给网页加了一个iframe，其代码如下：
5
下面的几个就是固定的尺子，根据自己的喜欢选择尺子。
7
固定尺子上有三个按钮。翻转符号，加号，删除符号。翻转符号：调整尺子横放，竖放。加号：修改字体的。删除符号：退出固定尺。
8
ruul.Screen ruler(屏幕测量尺)也运行在本地文件夹访问。在相应的控件扩展区域设置即可。END