分辨率驗證工具 - 【Window Resizer】的使用 - Google擴展工具

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

固然了，也會有更寬更大的顯示器（說的是硬件啊）不斷熱銷，你看那些廠商都在生產本身的智能電視，好比顯示器的寬*高是2560*1440、2560*1080這些