给你一把量度屏幕的尺子

在做主题的时候,我曾经很搞笑地拿着一把尺子量显示器的屏幕,原因是我要知道我的设计是否垂直,或者需要的元素是否水平了。那时候想如果在屏幕上显示一些水平线或垂直线就好了,现在就发现了这个很实用的工具:一个通过浏览器书签调用的屏幕量度工具

安装很简单,打开上面的链接,把“Design”这个按钮拖到浏览器的书签栏收藏起来就可以了。

webruler 1 给你一把量度屏幕的尺子

然后在需要查看尺寸的网页点击收藏的该书签,在屏幕处右下角就会显示出四个按钮图标,当然你可以拖动移动它:

webruler 2 给你一把量度屏幕的尺子

点击第一个图标“Grid”,在屏幕中会出现横竖交错的一堆格子,你可以通过调整格子的总宽或者各自大小来量度屏幕上的元素,这样会很好地看出网页元素是否对中,区块是否大小一致。

webruler 3 给你一把量度屏幕的尺子

点击第二个图标“Rule”,在屏幕的边缘会出现水平和垂直两把尺子,很直观地让你看到位置,你还可以从横竖两把尺寸拖拉鼠标,拉出水平线和垂直线,就象photoshop一样,很好玩的。

webruler 4 给你一把量度屏幕的尺子

至于第三,第四个图标的功能是分别用来量度指定区域的大小尺寸和在鼠标处增加十字线,这些等各位亲自去体现了,我在这里不详细写。

对于做主题设计的朋友,这个厉害的工具我极力推荐,因为有了它你会对设计的位置拿捏得更准,更得心应手 icon wink 给你一把量度屏幕的尺子

分类:WordPress;标签:, , ;收藏本文的永久链接

4 Responses to “给你一把量度屏幕的尺子”

  1. 胡戈戈 回复此留言 2008/11/27 06:33 #comment-3295

    jinwen同学有空的时候将那垃圾评论给卡X掉

  2. Jinwen 回复此留言 2008/11/27 08:47 #comment-3296

    @胡戈戈: 我已经删掉了。而且也用上了some chinese please,呵。

  3. maypu 回复此留言 2008/12/01 16:00 #comment-3379

    很实用哦

  4. etian007 回复此留言 2008/12/02 03:57 #comment-3396

    好!!很不错!