分辨率验证工具 - Window Resizer的使用 - Google扩展工具

Posted 2020-06-17

# 今天在Firefox上面安装＂The Addon Bar＂未果，于是转战Google了

# 想说的是http://cn.bing.com/ 简直太好用了

软件名称：Window Resizer

安装地址：https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh

 

在Web浏览器范畴内，页面宽度有多种设计方式：页面宽度是960px、980px、1140px、1200px的页面　　　　# px是指像素

通常，在网页宽度的设计上可能会设计2套模板，分别是：960px、1200px

当用户的浏览器分辨率是＂1921及以上*xxxx＂的时候，会向用户直接展示1200px这套模板的网页（即：按照1200效果图显示，两侧留白），

当用户的浏览器分辨率是＂1920-1366*xxxx＂的时候，会向用户直接展示1200px这套模板的网页（即：按照1200效果图显示），

当用户的浏览器分辨率是＂1365及以下*xxxx＂的时候，会向用户直接展示960px这套模板的网页（即：按照960效果图显示）。

 

备注：

现在的浏览器尺寸越来越宽，所以对于浏览器分辨率的设定也就与从前有了很大的不同

1680*1050

1366*768

1280*1024

1152*864

1024*768

800*600