everysize:响应式网页各设备屏幕尺寸下预览小工具 支持网页正常交互

everysize:响应式网页各设备屏幕尺寸下预览小工具 支持网页正常交互

做了响应式网页,该如何能够看出其在不同屏幕尺寸下应有的效果呢?everysize是个可以让用户选择像是iPhone、iPad、Google Pixel等设备尺寸或是手动调整屏幕尺寸来呈现网页的免费网站。

不同于很多类似网站给你展现不同设备尺寸的截图效果,该网站在呈现网页后,用户是可以直接进行正常网页操作的,十分好用,前端设计师千万别错过的一款在线小工具。

everysize官网链接

everysize使用教程

1、打开浏览器进入everysize网站,在下方输入要测试的网址后,点击[ GO ]。

everysize:响应式网页各设备屏幕尺寸下预览小工具 支持网页正常交互

2、默认会以BootStrap框架界定大小屏幕的办法,呈现四种屏幕尺寸效果,如果觉得不足,也可以按+来增加尺寸。

everysize:响应式网页各设备屏幕尺寸下预览小工具 支持网页正常交互

3、左上角的%,可以让该尺寸缩放100%,就是完整呈现。

4、也可以直接选择要测试的设备尺寸。