前端集合 - 关注前端技术和互联网免费资源

关注前端技术和互联网免费资源

分类儿

页面儿

搜索儿

订阅儿

前端集合 RSS订阅
Home » 前端集合 » 前端开发工具 之 网页Resize工具: Viewport resizer

前端开发工具 之 网页Resize工具: Viewport resizer

发布者:前端集合 // 发布时间:2012-11-29 23:31:24 // 分类:前端集合 // 访问: 3,651 次 // 热度: 0人参与

image

在网页制作过程中, 我们有时需要查看页面在不同分辨率下的表现.

特别是当你开发的网页符合流行的Responsive design特性时, 我们需要查看pc, tablet, mobile 等各分辨率.

之前我一直是用web developer的 'Resize' 功能来做这件事情的, 如下图:

image

直到今天我发现了另外一个给力的工具 - Viewport resizer.

1. Viewport resizer使用很简单

直接把这个按钮拖到浏览器书签栏即可

image

2. 使用效果

image

 

3. 更多自定义尺寸

Viewport resizer自带的尺寸不一定能够满足你的需求, 所以它也可以自定义添加其他类型的屏幕尺寸, 如图:

image

Viewport resizer 官方网站

Tags: 前端开发, 前端开发工具, Resize, Viewport resizer, Responsive design

如何去除textarea的默认竖向滚动条>>  << 第三次短途骑行
Top