Design Grid Overlay
大小:0.81MiB版本:v 1.0.1更新时间:2017-07-25
This extension displays grid and measurement overlays for a design grid system. It is configurable to fit many design scenarios
Design Grid Overlay 的使用方法详解,最全面的教程
Design Grid Overlay 描述:
用户数:30000
分类:开发者工具插件
扩展大小:0.81M
最后更新时间:2017-07-25
版本:v 1.0.1
Design Grid Overlay 插件简介:
这是来自Chrome商店的 Design Grid Overlay 浏览器插件,您可以在当前页面下载它的最新版本安装文件,并安装在Chrome、Edge等浏览器上。
Design Grid Overlay插件下载方法/流程:
点击下载按钮,关注“扩展迷Extfans”公众号并获取验证码,在网页弹窗中输入验证码,即可下载最新安装文件。
Design Grid Overlay插件安装教程/方法:
(1)将扩展迷上下载的安装包文件(.zip)解压为文件夹,其中类型为“crx”的文件就是接下来需要用到的安装文件
(2) 从设置->更多工具->扩展程序 打开扩展程序页面,或者地址栏输入 Chrome://extensions/ 按下回车打开扩展程序页面
(3) 打开扩展程序页面的“开发者模式”
(4) 将crx文件拖拽到扩展程序页面,
完成安装如有其它安装问题,
请扫描网站底部二维码与客服联系如有疑问请参考:
https://www.extfans.com/installation/Using a design grid is an established way to create visual harmony and rhythm across an entire piece of visual media, especially a website. This design grid plugin can be configured to work with many popular grid systems including Bootstrap, Skin, Pure, Susy, Foundation, and many more.
This extension lets you enter a grid specification of columns, gutters, and widths, and then display grid guides and element measurements to align the content on your page.
v1.0.1 - bug fix for grid settings
v1.0.0 - Added keyboard shortcuts. Added the ability to use shift + click or shift + up/down to adjust values by 10 instead of 1.
v0.5.2 - Added horizontal lines
v0.5.1 - Fixed bug where the large Grid toggle button was not clickable after a recent Chrome browser update.
v0.5.0 - Added Content Width Labels in the Report tab, which show the content width (inner width, without borders or padding) of any elements using a CSS selector. This feature can be useful in customizing your CSS media queries and grid-aligned containers to ensure proper minimum and maximum sizing, regardless of screen size.