首页 > Windows开发 > 详细

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

时间:2016-03-02 17:48:43      阅读:207      评论:0      收藏:0      [点我收藏+]

# 今天在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

 

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

原文:http://www.cnblogs.com/musicmovie/p/5235692.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!