做前端轻松还是做后端轻松_轻松找到网站元素的大小

做前端轻松还是做后端轻松

Have you ever found a website with a design or layout that you think is great but finding out the pixel sizing for individual elements is a hassle? Now you can easily get that information with myRuler.

您是否找到过一个您认为很棒的设计或布局的网站,但是找出单个元素的像素大小却很麻烦? 现在,您可以使用myRuler轻松获取该信息。

Setup

建立

This is what myRuler looks like when it first starts up…the first time it will be set at a default of 500 pixels. Whenever you start myRuler again afterwards it will remember the pixel size you used the previous time.

这就是myRuler首次启动时的样子……第一次将其设置为默认500像素。 此后每当再次启动myRuler时,它都会记住您上次使用的像素大小。

做前端轻松还是做后端轻松_轻松找到网站元素的大小

You can change the horizontal versus vertical orientation, theme, or minimize myRuler to the “System Tray” using the “Right Click Menu”.

您可以使用“右键菜单”将水平方向与垂直方向,主题更改或将myRuler最小化为“系统托盘”。

做前端轻松还是做后端轻松_轻松找到网站元素的大小

Click on the “myRuler Link” to see the keyboard commands for moving, resizing, directional flipping, and screen placement.

单击“ myRuler链接”以查看用于移动,调整大小,方向翻转和屏幕放置的键盘命令。

做前端轻松还是做后端轻松_轻松找到网站元素的大小

myRuler in Action

行动中的myRuler

Perhaps you see graphics in a website like sidebar buttons or blog post images and really think the sizing within the layout is perfect. You can easily find the sizes with myRuler. For our example we are looking at one of the images in a blog post…first the horizontal measurement…

也许您在网站上看到诸如侧边栏按钮或博客文章图像之类的图形,并真的认为布局中的大小是完美的。 您可以使用myRuler轻松找到尺寸。 对于我们的示例,我们正在看博客文章中的一张图片…首先是水平测量…

做前端轻松还是做后端轻松_轻松找到网站元素的大小

And then the vertical measurement. At this point you may be thinking that yes you could save/copy the image to your computer or right click for the properties, but if the image is not the only element that you are working with on the page then…

然后进行垂直测量。 此时,您可能会认为可以,可以将图像保存/复制到计算机或右键单击属性,但是如果图像不是页面上唯一要使用的元素,则……

做前端轻松还是做后端轻松_轻松找到网站元素的大小

If there is a particular section of a website that you like the sizing/fit of (say the width of a forum listing or sidebar), then you can easily find the size to help with the design for your own website.

如果您喜欢网站的特定部分(例如论坛列表或侧边栏的宽度)的大小/适合度,那么您可以轻松地找到适合您自己网站设计的大小。

做前端轻松还是做后端轻松_轻松找到网站元素的大小

Conclusion

结论

myRuler makes a convenient app to have around for those times when you need a quick way to find the size of website elements and make designing your own website easier.

当您需要一种快速的方法来查找网站元素的大小并简化您自己的网站的设计时,myRuler可以为您提供方便的应用程序。

Links

链接

Download myRuler (version 0.5)

下载myRuler(版本0.5)

翻译自: https://www.howtogeek.com/howto/5986/find-the-size-of-website-elements-the-easy-way/

做前端轻松还是做后端轻松

相关文章: